<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
    content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <meta name="format-detection" content="telephone=no" />
  <meta name="full-screen" content="yes">
  <meta name="x5-fullscreen" content="true">
  <meta name="keywords" content="Chinese Journal of Synthetic Chemistry" />
  <meta name="description" content="" />
  <meta name="robots" content="index, follow" />
  <meta property="og:url" content="https://www.sciengine.com/CJSC" />
  <meta property="og:type" content="website" />
  <meta property="og:site_name" content="SciEngine" />
  <meta property="og:title" content="Chinese Journal of Synthetic Chemistry" />
  <meta property="og:description" content="" />
  <meta property="og:image" content="https://www.sciengine.com/img/issue/1851858929571594240" />
  <meta property="twitter:title" content="Chinese Journal of Synthetic Chemistry" />
  <meta property="twitter:image:alt" content="Chinese Journal of Synthetic Chemistry Cover Image" />
  <meta property="twitter:description" content="" />
  <meta property="twitter:image" content="https://www.sciengine.com/img/issue/1851858929571594240" />
  <meta name="twitter:card" content="summary_large_image" />
  <!-- 使用mathjax渲染公式 -->
  <link rel="dns-prefetch" href="https://cdn.mathjax.org">
  <link rel="stylesheet" href="/static/upgrade/bootstrap-3.3.7/bootstrap.min.css">
  <link rel="stylesheet" href="/css/bootstrapValidator.min.css" rel="stylesheet">
  <link rel="icon" href="/images/favicon.ico" type="image/x-icon">
  <!-- <link rel="stylesheet" href="/static/select2/select2.min.css" /> -->
  <link rel="stylesheet" href="/static/upgrade/swiper-7.4.1/swiper/swiper-bundle.min.css" />
  <link rel="stylesheet" href="/static/font-awesome-4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="/template/css/650ba1deb9294cde8d8e92839340150c_3.css">
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-SB5SCK5F77"></script>
  <script src="https://sciengine.obs.cn-north-1.myhuaweicloud.com/template/html-to-text.js"
    type="text/javascript"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-SB5SCK5F77');
  </script>
  <script type="text/javascript" src="/js/jquery-3.0.0.min.js"></script>
  <!-- mathjax配置 -->
  <script type="text/x-mathjax-config">
    MathJax.Hub.Config({
      showProcessingMessages: false, //关闭js加载过程信息
      messageStyle: "none", //不显示信息
      tex2jax: { inlineMath: [['$','$'],['\\(','\\)']] , displayMath: [ ['$$','$$'], ["\\[","\\]"] ], processEscapes: true},
      menuSettings: {
          zoom: "None",        //  when to do MathZoom
          CTRL: false,         //    require CTRL for MathZoom?
          ALT: false,          //    require Alt or Option?
          CMD: false,          //    require CMD?
          Shift: false,        //    require Shift?
          zscale: "150%",      //  the scaling factor for MathZoom
          font: "Auto",        //  what font HTML-CSS should use
          context: "MathJax",  //  or "Browser" for pass-through to browser menu
          mpContext: false,    //  true means pass menu events to MathPlayer in IE
          mpMouse: false,      //  true means pass mouse events to MathPlayer in IE
          texHints: true,      //  include class names for TeXAtom elements
          semantics: false     //  add semantics tag with original form in MathML output
      },
      TeX: {
          Macros: {
              dag: ["\\dagger"],
              uppi:["\\pi"],
              emph:["\\textit{}"]
          }
      }
    });
  </script>
  <script async src="/mathjax2.7.9/MathJax.js?config=TeX-MML-AM_CHTML"></script>
  <title>
    Chinese Journal of Synthetic Chemistry-SciEngine
  </title>
</head>

<body id="body" style="visibility:hidden;">
  <div id="journalGeneralHome">

    <!-- 头部(公用头部) -->
  <link rel="stylesheet" href="/static/upgrade/select2-4.0.8/select2.min.css" />
  <link rel="stylesheet" href="/platformTemplate/css/platform_0.css">
  <link rel="stylesheet" href="/static/upgrade/element/index.css">
  <script src="/static/upgrade/vue-2.5.20/vue.min.js"></script>
  <script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
  <script src="/static/upgrade/select2-4.0.8/select2.min.js"></script>
  <script type="text/javascript" charset="utf-8" src="/platformTemplate/js/platform_0.js"></script>
  <script src="/static/upgrade/sweetalert/sweetalert.min.js"></script>
  <script src="/static/upgrade/element/index.js"></script>
	<script src="/static/upgrade/element/en.js"></script>
  <html lang="en">

  <body>
    <!-- 悬浮 iframe 容器 -->
	  <div class="floating-iframe">
      <!-- <div class="resize-handle"></div> -->
      <div class="downAI">
        <span class="imgBox">
          <img style="margin-right: 10px;width: 36px;height: 36px;vertical-align: middle;" src="https://sciengine.obs.cn-north-1.myhuaweicloud.com/template/img/sciengine/ai2.png">
          SciEngine AI
          <!-- <img style="margin-bottom: 15px;" src="https://cdn.academax.com/img/header/ai-icon.png" alt="Academax logo"> -->
        </span>
        <span class="remove" onclick="MrAI()">×</span></div>
      <!-- <iframe src="https://open.zju.edu.cn/product/llm/chat/cv3ar0q0bha5qsc6kj9g"></iframe> -->
      <iframe src="https://dds.sciengine.com/ai/"></iframe>
	  </div>
    <div id="sciengHeader">
                <input id='ipInfo' type="text" style="display: none" value="">
                <div class="commonHeaderBox firstHeader">
                  <div class="headerBox xbb-headerBox">
                    <div class="xbb-h-d1">
                      <h1 class="logoBox" onclick="jumpHome()">
                        <img class="img"
                          src="https://sciengine.obs.myhuaweicloud.com/template/platform/img/SciEngine-logo.png" />
                        <span class="text">SciEngine</span>
                      </h1>
                      <div class="xbb-hd1-d1">
                      </div>
                      <div class="menusBox">
                        <div class="menus customerMenus" style="display: none;">
                            <img class="img customerImg" onclick="MrAI()"
                              src="https://sciengine.obs.cn-north-1.myhuaweicloud.com/template/img/sciengine/ai.png" />
                            <div class="text" onclick="MrAI()">AI</div>
                        </div>
                        <div class="menus customerMenus">
                              <img class="img customerImg" onclick="jumpToChat()"
                                src="https://sciengine.obs.myhuaweicloud.com/template/platform/custom-2024.png" />
                                <div class="text" onclick="jumpToChat()">CUSTOMER</div>
                              <div class="weChatImgBox" style="height: 111px;border: 1px solid rgb(7, 193, 96);">
                                <img class="img"
                                  src="https://sciengine.obs.cn-north-1.myhuaweicloud.com/template/img/sciengine/wxCode2.png" />
                              </div>
                        </div>
                                        <div class="menus languageMenus">
                                              <img class="img languageImg"
                                                src="https://sciengine.obs.myhuaweicloud.com/template/platform/earth-2024.png"
                                                onclick="changeVal('zh_CN')" />
                                                <div class="text" onclick="changeVal('zh_CN')">
                                                  中文</div>
                                        </div>
                                                <div class="menus userMenus">
                                                      <img class="img userImg"
                                                        src="https://sciengine.obs.myhuaweicloud.com/template/platform/person-2024.png"
                                                        onclick="loginRef()" />
                                                        <div class="text" onclick="loginRef()">
                                                          LOGIN</div>
                                                </div>

                      </div>
                      <div class="xbb-hd1-d2">
                        <i class="fa fa-search fa-lg" aria-hidden="true"></i>
                        <i class="fa fa-bars fa-2x" aria-hidden="true"></i>
                      </div>
                    </div>
                    <!-- H5菜单 -->
                    <div class="menusBoxH5">
                      <div class="menuHeader">
                        <i class="fa fa-times fa-lg" aria-hidden="true" style="color: #ffffff;"></i>
                      </div>
                      <div class="rlist">
                        <div class="list" style="display: none;">
                          <img class="img journalsImg" src="https://sciengine.obs.cn-north-1.myhuaweicloud.com/template/img/sciengine/ai3.png" onclick="MrAI()" />
                          <span class="text" onclick="MrAI()">AI</span>
                        </div>
                        <div class="list">
                          <img class="img journalsImg" src="/static/upgrade/Common/img/journals.svg"
                            onclick="jumpToJournal()" />
                          <span class="text" onclick="jumpToJournal()">JOURNALS</span>
                        </div>
                        <div class="list">
                          <img class="img booksImg" src="/static/upgrade/Common/img/books.svg"
                            onclick="jumpToBooks()" />
                          <span class="text" onclick="jumpToBooks()">BOOKS</span>
                        </div>
                        <div class="list">
                          <img class="img cartImg" src="/static/upgrade/Common/img/cart.svg"
                            onclick="shopcar()" />
                          <span class="text" onclick="shopcar()">CART</span>
                        </div>
                        <div class="list">
                            <img class="img customerImg" onclick="jumpToChat()"
                              src="https://sciengine.obs.myhuaweicloud.com/template/img/sciengine/customer.svg" />
                                <span class="text" onclick="jumpToChat()">CUSTOMER</span>
                        </div>
                        <div class="weChatImgBox">
                          <img class="img"
                            src="https://sciengine.obs.cn-north-1.myhuaweicloud.com/template/img/sciengine/wxCode2.png" />
                        </div>
                              <div class="list">
                                <img class="img languageImg" src="/static/upgrade/Common/img/language.svg"
                                  onclick="changeVal('zh_CN')" />
                                <span class="text" onclick="changeVal('zh_CN')">中文</span>
                              </div>
                                    <div class="list">
                                      <img class="img userImg"
                                        src="https://sciengine.obs.myhuaweicloud.com/template/platform/header/person.svg"
                                        onclick="loginRef()" />
                                      <span class="text" onclick="loginRef()">LOGIN</span>
                                    </div>

                      </div>
                    </div>
                  </div>

                  <!-- 顶部封面 -->
                  <div class="posterBox">
                  </div>

                  <!-- H5搜索(公用H5平台搜索) -->
                  <div class="searchBoxH5">
                    <form method="get" id="searchFormH5" action="/">
                      <input id="queryFieldH5" class="input keywords"
                        placeholder="Keywords" />
                      <input id="fullNameH5" class="input authorName" placeholder="Author name" />
                      <!-- <input class="input bookTitle" placeholder="Author name"/> -->
                      <select class="input bookTitle " id="journalTitleH5">

                      </select>
                      <input id="volumeH5" class="input volume" placeholder="Volume" />
                      <input id="issueH5" class="input issue" placeholder="Issue" />
                      <input id="pageNumberH5" class="input firstPage" placeholder="First page" />
                      <div class="search" onclick="checkQueryInfoH5();"></div>
                      <div class="advancedSearch" onclick="advanceSearch();">Advanced Search
                      </div>
                    </form>
                  </div>
                </div>

                <!-- banner -->
                    <!-- pc搜索(公用PC平台搜索) -->
                            <div class="searchBoxPc searchBoxPc1">
                      <div class="container">
                        <div class="row">
                          <div class="col-lg-12 col-md-12">
                            <div class="searchBox">
                              <form method="get" id="searchForm" action="/">
                                <input id="queryField_a" class="input keywords"
                                  placeholder="Keywords"
                                  onmouseover="this.title=this.value" /><input id="fullName" class="input authorName"
                                  placeholder="Author name"
                                  onmouseover="this.title=this.value" /><select class="input bookTitle"
                                  id="journalTitle"></select><input id="volume" class="input volume"
                                  placeholder="Volume"
                                  onmouseover="this.title=this.value" /><input id="issue" class="input issue"
                                  placeholder="Issue" onmouseover="this.title=this.value" /><input
                                  id="pageNumber" class="input firstPage" placeholder="First page"
                                  onmouseover="this.title=this.value" />
                                <div class="search" onclick="checkQueryInfo();"></div>
                                <div class="advancedSearch" onclick="advanceSearch();">
                                  Advanced Search</div>
                              </form>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="xbb-hd1-d1">
                    </div>
                                <!-- 登录页弹窗 -->
                                <div class="modal fade" id="loginModal">
                                  <div class="modal-dialog">
                                    <div class="modal-content">
                                      <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                          <img class="img"
                                            src="https://sciengine.obs.myhuaweicloud.com/template/platform/img/close.svg" />
                                        </button>
                                        <h4 class="modal-title">
                                          <img class="img"
                                            src="https://sciengine.obs.myhuaweicloud.com/template/platform/img/loginLogo.png" />
                                        </h4>
                                      </div>
                                      <div class="modal-body">
                                        <div class="title" style="border: none">LOG IN TO SciEngine
                                        </div>
                                        <div class="loginBox">
                                          <div class="tabs">
                                            <div class="tab active" style="margin-left: 0px;"
                                              onclick="changeLoginTab('accounttab',this)" id="accounttab">
                                              Account Login</div>
                                            <!-- <div class="tab" onclick="changeLoginTab('smstab',this)" id="smstab">SMS
                                                    Login</div> -->
                                          </div>
                                          <form id="accountLoginForm" class="loginForm"
                                            action="/loginController/login" method="post"
                                            onsubmit="return toVaild();">
                                            <div class="uesrNameBox inputBox">
                                              <input type="text" class="input" id="userNameInput"
                                                placeholder="Email Or Username" />
                                            </div>
                                            <div class="passwordBox inputBox">
                                              <input type="password" class="input"
                                                placeholder="Please enter password" id="passwordInput" />
                                              <img class="img"
                                                src="https://sciengine.obs.myhuaweicloud.com/template/platform/img/eye.png"
                                                onclick="hidePassword(this)" id="eyeCloseIcon" style="display:none" />
                                              <i class="fa fa-eye" aria-hidden="true" onclick="showPassword(this)"
                                                id="eyeIcon"></i>
                                            </div>
                                            <!-- 邮箱验证码 -->
                                            <div class="verifyCodeBox inputBox" style="display: none;">
                                              <input type="text" class="input" id="verifyCodeInput"
                                                placeholder="Please enter the verification code">
                                              <button class="btn btn-default" type="button" onclick="sendMailCode(this)"
                                                id="mailCodeBtnLogin">Get verification code</button>
                                            </div>

                                            <div class="forgotText" onclick="showForgotPassword()">
                                              Forget the password</div>
                                          </form>
                                          <form id="smsLoginForm" class="loginForm" style="display:none">
                                            <div class="uesrNameBox inputBox">
                                              <input type="text" class="input" placeholder="Enter your phone number" />
                                            </div>
                                            <div class="codeBox inputBox">
                                              <input type="text" class="input" placeholder="Enter code" />
                                              <div class="codeBtn" onclick="getCode()">Get code</div>
                                            </div>
                                          </form>
                                          <div class="btns">
                                            <div class="loginBtn btn opacity-btn" onclick="loginClick()" type="button">
                                              Sign in</div>
                                            <div class="registerBtn btn" onclick="goRegister()" type="button">
                                              Register</div>
                                          </div>
                                        </div>
                                        <div class="read-header-btn">
                                            <el-checkbox>
                                              Read and accept
                                            </el-checkbox>
                                            <div class="read-text">
                                              <span class="read-span span1" onclick="readYs('/privacy-policy')">《Privacy policys》</span>and<span class="read-span span2" onclick="readYs('/terms-conditions')">《Terms and conditions》</span>
                                            </div>
                                        </div>
                                      </div>
                                      <div class="modal-footer">
                                        <div class="otherLoginMethodsTextBox">
                                          <span class="line"></span>
                                          <span class="text">
                                                Other Login methods
                                          </span>
                                          <span class="line"></span>
                                        </div>
                                        <div class="imgBox">
                                          <img class="img wxImg"
                                            src="https://sciengine.obs.myhuaweicloud.com/template/platform/img/weixin.png"
                                            onclick="wxLogin()" />
                                          <!-- <img class="img qqImg"
                                                src="https://sciengine.obs.myhuaweicloud.com/template/platform/img/qq.png"
                                                onclick="qqLogin()" />
                                            <img class="img fImg"
                                                src="https://sciengine.obs.myhuaweicloud.com/template/platform/img/facebook.png"
                                                onclick="fLogin()" /> -->
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>

                                <!-- 忘记密码页弹窗 -->
                                <div class="modal fade" id="forgotPasswordModal">
                                  <div class="modal-dialog">
                                    <div class="modal-content">
                                      <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                          <img class="img"
                                            src="https://sciengine.obs.myhuaweicloud.com/template/platform/img/close.svg" />
                                        </button>
                                        <h4 class="modal-title">
                                          <img class="img"
                                            src="https://sciengine.obs.myhuaweicloud.com/template/platform/img/loginLogo.png" />
                                        </h4>
                                      </div>
                                      <div class="modal-body">
                                        <form role="form" class="forgotPasswordform">
                                          <div class="form-group">
                                            <label for="userName">reset password</label>
                                            <div class="inputBox">
                                              <input type="text" id="resetEmailInput" class="input form-control"
                                                placeholder="E-mail">
                                            </div>
                                          </div>
                                        </form>
                                      </div>
                                      <div class="modal-footer">
                                        <button id="resetBtn" type="button" class="btn btn-default"
                                          onclick="resetPassword(this)">OK</button>
                                      </div>
                                    </div>
                                  </div>
                                </div>

                                <!-- 重置密码成功弹窗 -->
                                <div class="modal fade" id="resetSuccessModal">
                                  <div class="modal-dialog">
                                    <div class="modal-content">
                                      <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                          <img class="img"
                                            src="https://sciengine.obs.myhuaweicloud.com/template/platform/img/close.svg" />
                                        </button>
                                        <h4 class="modal-title">
                                          <img class="img"
                                            src="https://sciengine.obs.myhuaweicloud.com/template/platform/img/loginLogo.png" />
                                        </h4>
                                      </div>
                                      <div class="modal-body">
                                        <div class="desc">
                                              Reset password link has been sent to your mailbox. Please check it
                                              in the mailbox.
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>

                                <!-- 微信认证登录 -->
                                <div class="modal fade xbb-tkBtn" id="weixinLoginModal">
                                  <div class="modal-dialog">
                                    <div class="modal-content">
                                      <div class="modal-header">
                                        <h4 class="modal-title">
                                          <img class="img"
                                            src="https://sciengine.obs.myhuaweicloud.com/template/platform/img/loginLogo.png"
                                            style="height: 60px;" />
                                        </h4>
                                      </div>
                                      <div class="modal-body">
                                        <div class="weixinQrCode" id="weixinQrCode" style="text-align: center;">

                                        </div>
                                      </div>
                                      <div class="modal-footer">
                                        <button type="button" class="btn btn-default"
                                          onclick="closeWxModal()">Close</button>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                                <!--    点击投审稿入口-->
                                <div class="modal fade xbb-tkBtn" id="myModal" role="dialog" aria-labelledby="myModalLabel"
                                  aria-hidden="true">
                                  <div class="modal-dialog">
                                    <div class="modal-content">
                                      <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal"
                                          aria-hidden="true">×</button>
                                            <h4 class="modal-title" id="myModalLabel">Submission and review</h4>
                                      </div>
                                      <div class="modal-body">
                                        <div class="form-group">
                                              <label class="name" style="width: 100%;">Journal</label>
                                                <!--  <div style="width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"> -->
                                                <select class="form-control" id="searchOfJournal"
                                                  style="width: 100%;"></select>
                                                <!-- </div> -->
                                                <!-- <select class="form-control" id="pJSelect">

                                            </select> -->
                                        </div>
                                      </div>
                                      <div class="modal-footer">
                                            <button type="button" class="btn btn-default"
                                              data-dismiss="modal">Close</button>
                                            <button type="button" class="btn btn-primary"
                                              onclick="goToContribute();">OK</button>
                                      </div>
                                    </div>

                                  </div>

                                </div>
                                <!--    作者中心-->
                                <div class="modal fade xbb-tkBtn" id="authorCenter" role="dialog" aria-labelledby="myModalLabel"
                                  aria-hidden="true">
                                  <div class="modal-dialog">
                                    <div class="modal-content">
                                      <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal"
                                          aria-hidden="true">×</button>
                                            <h4 class="modal-title" id="myModalLabel">Journal Author Center</h4>
                                      </div>
                                      <div class="modal-body">
                                        <div class="form-group">
                                              <label class="name" style="width: 100%;">Journal</label>
                                                <!--  <div style="width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"> -->
                                                <select class="form-control" id="searchOfJournalFla"
                                                  style="width: 100%;"></select>
                                                <!-- </div> -->
                                                <!-- <select class="form-control" id="pJSelect">
      
                                                  </select> -->
                                        </div>
                                      </div>
                                      <div class="modal-footer">
                                            <button type="button" class="btn btn-default"
                                              data-dismiss="modal">Close</button>
                                            <button type="button" class="btn btn-primary"
                                              onclick="goToAuthorCenter();">OK</button>
                                      </div>
                                    </div>

                                  </div>

                                </div>

    </div>
  </body>
  <script type="text/javascript">
    var Vue = new Vue({
      el: '#sciengHeader',
      data: {
      },
      created: function () {
      },
      methods: {
      }
    })
    var ctx = '';
    var isHome = '0';
    var isPlatMenu = '0'
    var time
    var countdown = 0;
    var checkNeedMailCodeToLogin
    var aiBotting = false
    function readYs(type){
      window.open(type)
    }
    if (isHome == "1" && isPlatMenu == '1') {
      //说明是首页
      //nav吸顶
      // $(window).scroll(function () {
      //   var scrollTop = $(document).scrollTop()
      //   var searchBoxH5 = $('.searchBoxH5').height()
      //   var posterHeight = $('.banerdx').height()
      //   var innerWidth = window.innerWidth
      //   if (scrollTop >= 335 + posterHeight) {
      //     $('.navBox, .navBoxH5').addClass('navBoxFixed')
      //   } else {
      //     $('.navBox, .navBoxH5').removeClass('navBoxFixed')
      //   }
      // })
    }
    $(function () {
      //出版物
      $.ajax({
        type: "post",
        url: "/SciSearch/title",
        dataType: "json",
        contentType: "application/json",
        success: function (data) {
          var html = '<option value="">Journal/Book title</option> ';
          for (var i = 0; i < data.length; i++) {
            html += '<option value="' + data[i].id + '" data-type="' + data[i].searchType + '" abbreviated="' + data[i].abbreviated + '" pKey="' + data[i].pKey + '">' + data[i].title + '</option>';
          }
          $("#journalTitleH5").html(html);
          $("#journalTitleH5").select2();
          $("#journalTitle").html(html);
          $("#journalTitle").select2();
        },
        error: function (data) {

        }
      });
      //隐藏用户ip数据
      $.ajax({
        type: "post",
        url: "/doi/getIpInfo",
        dataType: "json",
        contentType: "application/json",
        success: function (data) {
          if (data[0].ipInfo != null && data[0].ipInfo != '10.0.0.28') {
            $("#ipInfo").val(data[0].ipInfo);
            //存储ip数据到localstorage
            storage = window.localStorage;
            storage.setItem("ipInfo", $("#ipInfo").val());
          } else {
            getRealIp();
          }
        },
      });

      // 初始化select2
      $.ajax({
        type: "post",
        url: "/platformRestHome/paperSubmission",
        dataType: "json",
        contentType: "application/json",
        success: function (data) {
          var html = ' ';
          for (var i = 0; i < data.length; i++) {
            html += '<option value="' + data[i].contributeUrl + '" data-type="' + data[i].contributeUrl + '">' + data[i].title + '</option>';
          }
          $("#searchOfJournal").html(html);
          $("#searchOfJournal").select2();

          var html2 = ' ';
          for (var i = 0; i < data.length; i++) {
            if (data[i].publisher != null) {
              html2 += '<option value="/publisher/' + data[i].publisher.abbreviated + '/journal/' + data[i].fla + '?slug=authorCenter"' + '">' + data[i].title + '</option>';
            }

          }
          $("#searchOfJournalFla").html(html2);
          $("#searchOfJournalFla").select2();
        },
        error: function (data) {

        }
      })
    });

    function MrAI() {
      if(aiBotting == false){
        aiBotting = true
        $('.floating-iframe').animate({ 'right': '0' })
        $('.floating-iframe').show()
        $('.colorAI').show()
      }else{
        aiBotting = false
        if ($('.floating-iframe').css('left') && $('.floating-iframe').css('top') != '0px') {
          $('.floating-iframe').css({
            'left': '',
            'top': '0',
            'right': '-500px'
          });
          $('.floating-iframe').hide()
        } else {
        $('.floating-iframe').animate({ 'right': '-500px' })
        }
        $('.colorAI').hide()
      }
    }
    function downAI() {
      if(aiBotting == true){
        aiBotting = false
        if ($('.floating-iframe').css('left') && $('.floating-iframe').css('top') != '0px') {
          $('.floating-iframe').css({
            'left': '',
            'top': '0',
            'right': '-500px'
          });
          $('.floating-iframe').hide()
        } else {
        $('.floating-iframe').animate({ 'right': '-500px' })
        }
        $('.colorAI').hide()
      }
    }
    function changeVal(lang) {
      $.ajax({
        type: "POST",
        url: "/common/language",
        data: {
          language: lang,
          fla: 'CJSC',
          r_: new Date().getTime()
        },
        success: function (data) {
          // 刷新页面
          window.location.reload(true);
        },
        error: function (data) {
        }
      });
    }

    // 发送验证码
    function sendMailCode(obj) {
      if (countdown == 0) {
        let mail = $("#userNameInput").val();
        if (mail == '') {
          swal({
            text: "The username can not be empty",
            icon: "warning",
            confirmButtonText: 'OK'
          });
          return;
        }
        //发送
        operateSendMail();
        $("#mailCodeBtnLogin").attr("disabled", "disabled");
        return;
      }
    }

    function operateSendMail() {
      let mail = $("#userNameInput").val();
      if (mail == '') {
        swal({
          text: "The username can not be empty",
          icon: "warning",
          confirmButtonText: 'OK'
        });
        return;
      }

      $.ajax({
        type: "POST",
        url: "/restLogin/login/sendMailCode",
        data: {
          username: mail
        },
        success: function (result) {
          if (result) {
            swal({
              text: 'en_US' === 'en_US' ? 'Sent to ' + result.toMail + ' mailbox' : '已发送至' + result.toMail + '邮箱',
              icon: "success",
              confirmButtonText: 'OK'
            });
            //开启60s轮询
            countdown = 60;
            $("#mailCodeBtnLogin").attr("disabled", "disabled");
            $("#mailCodeBtnLogin").text(countdown + "s");
            timer = setInterval("calculateSeconds()", 1000);
          } else {
            swal({
              text: "Mail sent failed",
              icon: "error",
              confirmButtonText: 'OK'
            });
            $("#mailCodeBtnLogin").removeAttr("disabled");
            $("#mailCodeBtnLogin").text("Get verification code");
          }
        },
        error: function (data) {
        }
      });
    }

    function calculateSeconds() {
      let obj = $("#mailCodeBtnLogin");
      if (countdown == 0) {
        //停止定时
        clearInterval(timer);
        $("#mailCodeBtnLogin").removeAttr("disabled");
        $("#mailCodeBtnLogin").text("Get verification code");
      } else {
        countdown--;
        $("#mailCodeBtnLogin").text(countdown + "s");
      }
    }

    //通过第三方服务获取ip
    function getRealIp() {
      $.ajax({
        method: "GET",
        url: "http://pv.sohu.com/cityjson?ie=utf-8",
        dataType: "script",
      }).done(function () {
        if (returnCitySN.cip != null && returnCitySN.cip != '') {
          $("#ipInfo").val(returnCitySN.cip);
          //存储ip数据到localstorage
          storage = window.localStorage;
          storage.setItem("ipInfo", $("#ipInfo").val());
        }
      });
    }
    function jumpHome() {
      window.location.href = "/";
    }
    function jumpToJournal() {
      window.location.href = "/publications";
    }
    function jumpToBooks() {
      window.location.href = "/books";
    }
    function shopcar() {
      if ('') {
        window.location.href = "/cart/toIns";
      } else {
        $('#loginModal').modal({
          backdrop: "static",
          show: true
        })
        checkNeedMailCodeToLogin()
      }
    }
    function jumpToChat() {
      if ($('.weChatImgBox').css('display') === 'none') {
        $('.weChatImgBox').show()
        clearTimeout(time)
        time = setTimeout(function () {
          $('.weChatImgBox').hide()
        }, 10000)
      } else {
        $('.weChatImgBox').hide()
      }
    }
    function shopHome() {
      window.location.href = "/shop/home";
    }
    function jumpDoubleCarbon () {
      // window.open('https://www.sciengine.com/plat/collections/59d429ef8ebc4f1aaf982920bbea2e1b')
      window.open("/plat/collections/59d429ef8ebc4f1aaf982920bbea2e1b")
    }
    function jumpPosterUrl() {
      window.open('https://www.sciengine.com/plat/collections/cab6d12ab8024c53ad61ec97aa91c968')
    }
    function loginRef() {
      $('#loginModal').modal({
        backdrop: "static",
        show: true
      })
      checkNeedMailCodeToLogin()
      // var ref = window.location.href;
      // var pos = ref.indexOf("?ref=");
      // if (pos > 0) {
      //   ref = ref.substring(0, pos);
      // }
      // if (ref.indexOf("/loginController/ParseToLogin") > 0) {
      //   ref = "";
      // }
      // window.location.href = "/loginController/ParseToLogin?ref=" + ref;
    }
    function loginOutRef() {
      var ref = window.location.href;
      // 个人中心页退出
      var personalIndex = ref.indexOf('user_settings/update_information')
      // 机构中心页退出
      var institutionIndex = ref.indexOf('institution/information')
      // 购物车页退出
      var shopCartIndex = ref.indexOf('shop/cart')
      // 支付页退出
      var payIndex = ref.indexOf('shop/continueOrder')
      // 检查订单信息页
      var toOrder = ref.indexOf('shop/toOrder');
      if (personalIndex === -1 && institutionIndex === -1 && shopCartIndex === -1 && payIndex === -1 && toOrder === -1) {
        window.location.href = "/out?ref=" + ref;
      } else {
        window.location.href = "/out?ref=home";
      }
    }
    function lmBtn() {
        window.location.href = "/article-management";
    }
    function advanceSearch() {
      window.location.href = "/search/selectSearch";
    }
    function checkQueryInfoH5() {
      var queryField_a = $("#queryFieldH5").val().trim();//综合查询
      var fullName = $("#fullNameH5").val().trim();//作者
      var journalTitle = $("#journalTitleH5").val().trim();//刊  出版物
      var volume = $("#volumeH5").val().trim();//卷
      var issue = $("#issueH5").val().trim();//期
      var pageNumber = $("#pageNumberH5").val().trim();//页码
      $("#themeSearch").val("");
      if ((queryField_a == "" || queryField_a == null)
        && (fullName == "" || fullName == null)
        && (journalTitle == "" || journalTitle == null)
        && (volume == "" || volume == null)
        && (issue == "" || issue == null)
        && (pageNumber == "" || pageNumber == null)) {
      } else {
        if (journalTitle && !queryField_a && !fullName && !volume && !issue && !pageNumber) { //仅选择了出版物时单独处理
          var dataType = $("#journalTitleH5 option:selected").attr("data-type");
          var abbreviated = $("#journalTitleH5 option:selected").attr("abbreviated");
          var fla = $("#journalTitleH5 option:selected").attr("pKey");
          if (2 == dataType) {
            // window.open('/publisher/'+abbreviated+'/journal/'+fla+'?slug=abstracts')
            // window.open('/' + fla + '/home')
            $("#journalTitleH5").attr("name", "jouranlId");
            document.getElementById("searchFormH5").action = "/search/search";
            document.getElementById("searchFormH5").submit();
          }
          if (3 == dataType) {
            window.open('/publisher/' + abbreviated + '/book/' + fla)
          }
        } else {
          //参数不为空 给input添加name属性值
          if (queryField_a) {
            $("#queryFieldH5").attr("name", "queryField_a");
          }
          if (fullName) {
            $("#fullNameH5").attr("name", "fullName");
          }
          if (journalTitle) {
            var dataType = $("#journalTitleH5 option:selected").attr("data-type");
            if (2 == dataType) {
              $("#journalTitleH5").attr("name", "jouranlId");
            }
            if (3 == dataType) {
              $("#journalTitleH5").attr("name", "bookId");
            }
          }
          if (volume) {
            $("#volumeH5").attr("name", "volume");
          }
          if (issue) {
            $("#issueH5").attr("name", "issue");
          }
          if (pageNumber) {
            $("#pageNumberH5").attr("name", "pageNumber");
          }
          document.getElementById("searchFormH5").action = "/search/search";
          document.getElementById("searchFormH5").submit();
        }
      }
    }
    function checkQueryInfo() {
      var queryField_a = $("#queryField_a").val().trim();//综合查询
      var fullName = $("#fullName").val().trim();//作者
      var journalTitle = $("#journalTitle").val().trim();//刊  出版物
      var volume = $("#volume").val().trim();//卷
      var issue = $("#issue").val().trim();//期
      var pageNumber = $("#pageNumber").val().trim();//页码
      $("#themeSearch").val("");
      if ((queryField_a == "" || queryField_a == null)
        && (fullName == "" || fullName == null)
        && (journalTitle == "" || journalTitle == null)
        && (volume == "" || volume == null)
        && (issue == "" || issue == null)
        && (pageNumber == "" || pageNumber == null)) {
      } else {
        if (journalTitle && !queryField_a && !fullName && !volume && !issue && !pageNumber) { //仅选择了出版物时单独处理
          var dataType = $("#journalTitle option:selected").attr("data-type");
          var abbreviated = $("#journalTitle option:selected").attr("abbreviated");
          var fla = $("#journalTitle option:selected").attr("pKey");
          if (2 == dataType) {
            // window.open('/publisher/'+abbreviated+'/journal/'+fla+'?slug=abstracts')
            // window.open('/' + fla + '/home')
            $("#journalTitle").attr("name", "jouranlId");
            document.getElementById("searchForm").action = "/search/search";
            document.getElementById("searchForm").submit();
          }
          if (3 == dataType) {
            window.open('/publisher/' + abbreviated + '/book/' + fla)
          }
        } else {
          //参数不为空 给input添加name属性值
          if (queryField_a) {
            $("#queryField_a").attr("name", "queryField_a");
          }
          if (fullName) {
            $("#fullName").attr("name", "fullName");
          }
          if (journalTitle) {
            var dataType = $("#journalTitle option:selected").attr("data-type");
            if (2 == dataType) {
              $("#journalTitle").attr("name", "jouranlId");
            }
            if (3 == dataType) {
              $("#journalTitle").attr("name", "bookId");
            }
          }
          if (volume) {
            $("#volume").attr("name", "volume");
          }
          if (issue) {
            $("#issue").attr("name", "issue");
          }
          if (pageNumber) {
            $("#pageNumber").attr("name", "pageNumber");
          }
          document.getElementById("searchForm").action = "/search/search";
          document.getElementById("searchForm").submit();
        }
      }
    }
    function openMenus() {
      $('.menusItem').slideToggle()
    }
    function showPassword(obj) {
      $("#passwordInput").attr("type", "text");
      $(obj).hide();
      $("#eyeCloseIcon").show();
    }
    function hidePassword(obj) {
      $("#passwordInput").attr("type", "password");
      $(obj).hide();
      $("#eyeIcon").show();
    }
    function loginClick() {
      if(!$('.read-header-btn').find('.el-checkbox').find('input').is(':checked')){
        let lang = "en_US";
        let msg = "请您勾选下方阅读并接受《隐私政策》和《条款与条件》";
        if (lang == "en_US") {
          msg = "Please check the box below to read and accept the《Privacy Policy》and《Terms and Conditions》";
        }
        swal({
          text: msg,
          icon: "warning",
          confirmButtonText: 'OK'
        });
        return
      }
      let username = $("#userNameInput").val();
      let password = $("#passwordInput").val();
      mailCode = checkNeedMailCodeToLogin ? $("#verifyCodeInput").val() : 'Tke!Wsd'
      if (!$("#smsLoginForm").is(":hidden")) {
        swal({
          text: 'The Function Developing...',
          icon: "warning",
          confirmButtonText: 'OK'
        });
      } else if (mailCode === '') {
        swal({
          text: 'Please enter the verification code',
          icon: "warning",
          confirmButtonText: 'OK'
        });
      } else {
        $.ajax({
          type: "POST",
          url: "/restLogin/login",
          data: {
            username: username,
            password: password,
            mailCode: mailCode
          },
          success: function (data) {
            // 刷新页面
            if (data.flag == 0) {
              window.location.reload(true);
            } else {
              swal({
                text: data.message,
                icon: "warning",
                confirmButtonText: 'OK'
              });
            }

          },
          error: function (data) {
          }
        });
      }

    }
    function goRegister() {
      // if(!$('.read-header-btn').find('.el-checkbox').find('input').is(':checked')){
      //   return
      // }
      window.location.href = "/plat/register";
    }
    function showForgotPassword() {
      $('#loginModal').modal('hide')
      setTimeout(function () {
        $("#resetBtn").removeAttr("disabled");
        $('#forgotPasswordModal').modal({
          backdrop: "static",
          show: true
        })
      }, 500)
    }
    function resetPassword(obj) {
      $(obj).attr("disabled", "disabled");
      let email = $("#resetEmailInput").val();
      let check = '^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$';
      if (!email.match(check) || email == "") {
        swal({
          text: "The mailbox format is not correct, please fill in it again",
          icon: "error",
          confirmButtonText: 'OK'
        });
        $("#resetBtn").removeAttr("disabled");
        return false;
      }

      $.ajax({
        type: "POST",
        url: "/restLogin/toRestPwdPage",
        data: {
          email: email
        },
        success: function (data) {
          if (data) {
            $('#forgotPasswordModal').modal('hide')
            setTimeout(function () {
              $('#resetSuccessModal').modal({
                backdrop: "static",
                show: true
              })
            }, 500)
          } else {
            let lang = "en_US";
            let msg = "您输入的邮箱没有被注册，请重新输入";
            if (lang == "en_US") {
              msg = "Your email may not be registered，Please try again";
            }
            swal({
              text: msg,
              icon: "error",
              confirmButtonText: 'OK'
            });
            $("#resetBtn").removeAttr("disabled");
            return false;
          }
        },
        error: function (data) {
          $("#resetBtn").removeAttr("disabled");
          swal({
            text: "Please contact the administrator",
            icon: "error",
            confirmButtonText: 'OK'
          });
        }
      });
    }
    function changeLoginTab(tabId, obj) {
      $(obj).addClass("active");
      if (tabId == "smstab") {
        $("#accountLoginForm").hide();
        $("#smsLoginForm").show();
        $("#accounttab").removeClass("active");
      } else {
        $("#accountLoginForm").show();
        $("#smsLoginForm").hide();
        $("#smstab").removeClass("active");
      }

    }
    function wxLogin() {
      // var ref = window.location.href;
      // var pos = ref.indexOf("?ref=");
      // if (pos > 0) {
      //     ref = ref.substring(0, pos);
      // }
      // if (ref.indexOf("/loginController/ParseToLogin") > 0) {
      //     ref = "";
      // }
      var ref = "";
      ref = encodeURIComponent(ref);
      var redirectUrl = "https://www.sciengine.com/plat/weixinback";
      redirectUrl = encodeURIComponent(redirectUrl);
      var obj = new WxLogin({
        self_redirect: false,
        id: "weixinQrCode",
        appid: "wx646e688925384153",
        scope: "snsapi_login",
        redirect_uri: redirectUrl,
        state: "sciengine",
        style: "",
        href: ""
      });
      $("#loginModal").modal("hide");
      setTimeout(function () {
        $('#weixinLoginModal').modal({
          backdrop: "static",
          show: true
        })
      }, 500)
    }
    function closeWxModal() {
      $("#weixinLoginModal").modal("hide");
      setTimeout(function () {
        var loginPageHide = $("#loginPageHide").val();
        if (loginPageHide != undefined && loginPageHide != '') {

        } else {
          $('#loginModal').modal({
            backdrop: "static",
            show: true
          })
          checkNeedMailCodeToLogin()
        }

      }, 500)
    }
    function qqLogin() {
      swal({
        text: 'The Function Developing...',
        icon: "warning",
        confirmButtonText: 'OK'
      });
    }
    function fLogin() {
      swal({
        text: 'The Function Developing...',
        icon: "warning",
        confirmButtonText: 'OK'
      });
    }
    function expendMenuChild(parentId, obj) {
      let str = 'hideMenuChild("' + parentId + '",this)';
      $(obj).attr("onclick", str);
      $(obj).find('.fa').removeClass("fa-angle-down");
      $(obj).find('.fa').addClass("fa-angle-up");
      $(".child_" + parentId).each(function (i) {
        $(this).slideDown();
      })
    }
    function hideMenuChild(parentId, obj) {
      let str = 'expendMenuChild("' + parentId + '",this)';
      $(obj).attr("onclick", str);
      $(obj).find('.fa').removeClass("fa-angle-up");
      $(obj).find('.fa').addClass("fa-angle-down");
      $(".child_" + parentId).each(function (i) {
        $(this).slideUp();
      })
    }
    function goToContribute() {

      var searchOfJournal = $("#searchOfJournal").val();
      if (searchOfJournal == "") {
        alert("请选择期刊名称");
      } else {
        window.open(searchOfJournal);
      }

    }
    function goToAuthorCenter() {
      var searchOfJournalFla = $("#searchOfJournalFla").val();
      if (searchOfJournalFla == "") {
        alert("请选择期刊名称");
      } else {
        window.open(searchOfJournalFla);
      }


    }

    function jumpAboutUs() {
      window.open("/plat/aboutus", "_blank");
    }

    function adClick(id, url) {
      $.ajax({
        url: "/advertisement/click",
        type: "POST",
        data: {
          "id": id
        },
        success: function (data) {
        }
      });
      if (url != "") {
        window.open(url);
      }
    }

    // 判断是否开启登录验证码功能
    function checkNeedMailCodeToLogin() {
      $.ajax({
        type: 'GET',
        url: '/restLogin/checkNeedMailCodeToLogin',
        success: function (res) {
          if (res) { //启用
            $('.verifyCodeBox').show()
            checkNeedMailCodeToLogin = true
          } else { //禁用
            $('.verifyCodeBox').hide()
            checkNeedMailCodeToLogin = false
          }
        }
      })
    }

    // 访问量接口
    function pageView () {
      $.ajax({
        type: 'GET',
        url: '/platformRestHome/getActionView',
        success (res) {
          if ('en_US' == 'en_US') {
            $('.pageView').html(res + ' PageViews')
          } else {
            $('.pageView').html(res + ' 访问量')
          }
        }
      })
    }
    pageView()
  </script>
  <script type="text/javascript" src="/js/common/ie_browser.js"></script>

  <!--雷晓萌老师要求添加内容-->
  <script>
    var _hmt = _hmt || [];
    (function () {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?633c662645ea15827301cdfaf39e48a1";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
    (function () {
      var hm2 = document.createElement("script");
      hm2.setAttribute('async', 'async');
      hm2.src = "https://scholar.google.com/scholar_js/casa.js";
      var s2 = document.getElementsByTagName("script")[0];
      s2.parentNode.insertBefore(hm2, s2);
    })();
  </script>

  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-SB5SCK5F77"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-SB5SCK5F77');
  </script>

  <script src="/static/upgrade/js/drift.js"></script>
  <script>
    var _paq = _paq || [];
    (function () {
      //页面加载时初始化
      //设置统计地址
      _paq.push(["setTrackerUrl", "https://tool.scichina.com/mini-ci-clean/api/v1/reportData/nm.gif"]);
      //设置统计id 后台创建统计渠道时自动生成
      _paq.push(["setTraceId", "1567872193412334199"]);
      //设置用户id 未登录为空
      var userId = "";
      _paq.push(["setUserId", userId ? userId : '']);
    })();
  </script>
  <script type="text/javascript">
    function minici_load() {
      var minici_baseId = "";
      var minici_isbn = "";
      var minici_journalBaseId = "f9fb8cb710744848a0ae9942f48daef0";
      var minici_publisherId = "rgQz6YZPzgz6GxPc9";
      var currentUrl = window.location.href;
      if (minici_publisherId != null && minici_publisherId != '') {
        //出版商
        _paq.push(["reportItem", minici_publisherId,
          {
            "categoryId": "rgQz6YZPzgz6GxPc9",
            "title": "北京中科期刊出版有限公司",
            "type": "publisher",
            "url": currentUrl,
          }]);
      }
      if (minici_journalBaseId != null && minici_journalBaseId != '') {
        //期刊
        _paq.push(["reportItem", minici_journalBaseId,
          {
            "fla": "CJSC",
            "categoryId": "rgQz6YZPzgz6GxPc9",
            "title": "Chinese Journal of Synthetic Chemistry",
            "type": "journal",
            "url": currentUrl,
            "theme": "6"
          }]);
        if (minici_baseId != null && minici_baseId != '') {
          //如果是文章详情页，则不上报期刊的浏览事件，避免统计重复
        } else {
          //浏览事件
          _paq.push(["eventBrowse", minici_journalBaseId, {}]);
        }
      }
      if (minici_baseId != null && minici_baseId != '') {
        //文章上报
        _paq.push(["reportItem", minici_baseId,
          {
            "doi": "",
            "categoryId": "",
            "title": "",
            "type": "article",
            "url": currentUrl,
            "theme": ""
          }]);

        //浏览事件
        _paq.push(["eventBrowse", minici_baseId, {}]);
      }
      if (minici_isbn != null && minici_isbn != '') {
        //图书上报
        _paq.push(["reportItem", minici_isbn,
          {
            "isbn": minici_isbn,
            "categoryId": "",
            "title": "",
            "type": "book",
            "url": currentUrl,
            "theme": ""
          }]);
        _paq.push(["eventBrowse", minici_isbn, {}]);
      }
    }


    // 回车事件
    $(document).ready(function () {
		// 可选：禁用 Bootstrap 的 enforceFocus
		$.fn.modal.Constructor.prototype.enforceFocus = function() {};
		
      $('#searchForm').keydown(function (e) {
        let keyCode = e.keyCode
        if (keyCode === 13) {
          $('.select2-container').removeClass('select2-container--open')
          checkQueryInfo()
        }
      })
      $('.read-header-btn').find('.el-checkbox').find('input').change(function() {
        if($(this).is(':checked')) {
          $('.loginBtn').removeClass('opacity-btn')
          $('.registerBtn').removeClass('opacity-btn2')
          $('.read-header-btn').find('.el-checkbox__input').addClass('is-checked')
        } else {
          $('.loginBtn').addClass('opacity-btn')
          $('.read-header-btn').find('.el-checkbox__input').removeClass('is-checked')
          // $('.registerBtn').addClass('opacity-btn2')
        }
    });
    })
  </script>
  </html><!-- 期刊通用-头部 -->
<link rel="stylesheet" href="/template/css/650ba1deb9294cde8d8e92839340150c_1.css">
<script type="text/javascript">
  var lang = 'en_US';
  var journalBaseId = 'f9fb8cb710744848a0ae9942f48daef0'
  $(function () {
    //定制期刊去掉顶部的高级搜索
    $('.searchBoxPc1').css('display','none')
	  $('.jgSearch #searchNormal').click(function () {
	    var jouranlId = 'f9fb8cb710744848a0ae9942f48daef0';
 
	    if ($("#searchInput").val() == '') {
	      return;
	    }
	  
	    window.location.href = "/search/search?jouranlId=" + jouranlId + "&searchType=commonSearch&pageCount=20&curpage=0&queryField_a=" + $("#searchInput").val();
	  });
	  $('.jgSearch #searchNormalH5').click(function () {
	    var jouranlId = 'f9fb8cb710744848a0ae9942f48daef0';
	   
	    if ($("#searchInputH5").val() == '') {
	      return;
	    }
	  
	    window.location.href = "/search/search?jouranlId=" + jouranlId + "&searchType=commonSearch&pageCount=20&curpage=0&queryField_a=" + $("#searchInput").val();
	  });
	  $('.jgSearch #normalSearch').click(function () {
	    var jouranlId = 'f9fb8cb710744848a0ae9942f48daef0';
	   
	    if ($("#searchInput").val() == '') {
	      return;
	    }
	  
	    window.location.href = "/search/search?jouranlId=" + jouranlId + "&searchType=commonSearch&pageCount=20&curpage=0&queryField_a=" + $("#searchInput").val();
	  });
	  $('.jgSearch #advancedSearch').click(function () {
	    window.location.href = "/search/selectSearch";
	  });
  });
  function emailAlerts() {
    $.ajax({
      type: "POST",
      url: "/publisher/emailAlerts",
      data: {
        "journalBaseId": journalBaseId
      },
      success: function (result) {
        if (result == "success") {
          if (lang == "zh_CN") {
            swal({
              icon: 'success',
              type: 'success',
              title: '订阅成功',
              showConfirmButton: true
            });
          } else {
            swal({
              icon: 'success',
              type: 'success',
              title: 'Subscription succeeded!',
              showConfirmButton: true
            });
          }
        } else {
          var ref = window.location.href;
          window.location.href = "/loginController/ParseToLogin?ref=" + ref;
        }
      }
    });
  }
  function searchNormal() {
    console.log("普通搜索");
    var jouranlId = "";
    var currentLang = lang;
    console.log("currentLang: " + currentLang);
    if (currentLang == "zh_CN") {
      jouranlId = "生物化学与生物物理学报（英）";
    } else {
      jouranlId = "Acta Biochimica et Biophysica Sinica";
    }
    if ($("#searchInput").val() == '') {
      console.log("搜索的值为空，退出方法");
      return;
    }
    console.log("搜索值不为空");
    window.location.href = ctx + "/search/search?jouranlId=" + jouranlId + "&searchType=commonSearch&pageCount=20&curpage=0&queryField_a=" + $("#searchInput").val();
  }
  function addMenu(parentId) {
    $("#menuParentId").val(parentId);
    $("#menuNameEn").val("");
    $("#menuNameZh").val("");
    $("#menuUrl").val("");
    $("#menuSort").val("");
    $("#menuTarget").val("_self");
    $("#addMenu").modal("show");
  }

  function createMenu() {
	$("#createMenuBtn").attr("disabled", "disabled"); 
    $.ajax({
      type: "POST",
      url: "/restMenu/insertMenu",
      data: $("#menuForm").serialize(),
      async: false,
      success: function success(data) {
        window.location.reload();
      }
    });
  }
  function editMenu(id) {
    $.ajax({
      type: "POST",
      url: "/restMenu/selectMenu",
      data: {
        id: id
      },
      async: false,
      success: function success(data) {
        $("#updateMenuParentId").val(data.parentId);
        $("#updateMenuNameEn").val(data.nameEn);
        $("#updateMenuNameZh").val(data.nameZh);
        $("#updateMenuUrl").val(data.url);
        $("#updateMenuSort").val(data.sort);
        $("#updateMenuTarget").val(data.target);
        $("#updateMenuId").val(data.id);
        $("#updateMenuModal").modal("show");
      }
    });
  }
  function updateMenuSubmit() {
	$("#updateMenuBtn").attr("disabled", "disabled"); 
    $.ajax({
      type: "POST",
      url: "/restMenu/updateMenu",
      data: $("#updateMenuForm").serialize(),
      async: false,
      success: function success(data) {
        window.location.reload();
      }
    });
  }
  function deleteMenu(id) {
  	swal('Confirm Delete', "", "warning", {
  		buttons: {
  			cancel: {
  				text: 'Cancel',
  				value: null,
  				visible: true,
  				className: "",
  				closeModal: true,
  			},
  			confirm: {
  				text: 'Confirm',
  				value: 'confirm',
  				closeModal: false
  			},
  		}
  	}).then(function(value) {
  		switch (value) {
  			case "confirm":
  				$.ajax({
  				  type: "POST",
  				  url: "/restMenu/deleteMenu",
  				  data: {
  				    id: id,
              fla: 'CJSC'
  				  },
  				  async: false,
  				  success: function success(data) {
  				    window.location.reload();
  				  }
  				});
  				break;
  		}
  	});
    
  }
  function ableEditMenu(obj) {
    $(obj).hide();
    $(".jgSearch").hide();
    $("#disableMenuIcon").show();
    $(".menu-switch").each(function (i) {
      $(this).css('cssText', 'display: inline !important;');
    })
  }
  function disableEditMenu(obj) {
    $(obj).hide();
    $(".jgSearch").show();
    $("#ableMenuIcon").show();
    $(".menu-switch").each(function (i) {
      $(this).css('cssText', 'display: none !important;');
    })
  }
  function expendMenuChild(parentId, obj) {
    let str = 'hideMenuChild("' + parentId + '",this)';
    $(obj).attr("onclick", str);
    $(obj).find('.fa').removeClass("fa-angle-down");
    $(obj).find('.fa').addClass("fa-angle-up");
    $(".child_" + parentId).each(function (i) {
      $(this).slideDown();
    })
  }
  function hideMenuChild(parentId, obj) {
    let str = 'expendMenuChild("' + parentId + '",this)';
    $(obj).attr("onclick", str);
    $(obj).find('.fa').removeClass("fa-angle-up");
    $(obj).find('.fa').addClass("fa-angle-down");
    $(".child_" + parentId).each(function (i) {
      $(this).slideUp();
    })
  }
</script>
<script type="text/javascript" charset="utf-8" src="/template/js/650ba1deb9294cde8d8e92839340150c_1.js"></script>
<div class="commonHeaderBox commonHeaderBox2 secHeader">
  <!-- pc顶部banner -->
  <div class="jgNavBoxHeader">
    <div class="jnbh-d1">
      <div class="jnbhd1-d1 jnbhd1-d1Pub">
        <div class="d1-left">
        </div>
      </div>
      <div class="jnbhd1-d2 jnbhd1-d1Pub">
        <!-- <div class="d2-top"></div>
          <div class="d2-content">Free Acquisition</div>
 -->        <div class="d2-bottom">
          <div class="jgSearch d2-jgSearch">
              <input class="search d2-search" id="searchInput" type="search" placeholder="Search within journal"/>
            <i class="fa fa-search colorC1 d2-fa pubCc" aria-hidden="true" style="cursor: pointer;" id="searchNormal"></i>
              <p class="d2-gjss pubBgc" onclick="advanceSearch()">Advanced Search</p>
            <!-- <p class="desc" style="cursor: pointer;">
              <span id="advancedSearch">Advanced</span> <span id="normalSearch">Search</span>
            </p> -->
          </div>
        </div>
      </div>
    </div>
  </div>
	<!-- pc端导航(期刊通用导航) -->
	<div class="jgNavBoxPc jgNavBoxPc-qkIn">
      <div class="container">
        <div class="jgNavTabs">
            <div class="tab">
                  
                <a href="/CJSC/home" target="_self" class="link">
                    <span>HOME</span>
                </a>
            </div>
            <div class="tab">
                  
                <a href="#" class="link">
                    <span>ARCHIVE</span>
                    <i class="fa fa-angle-down fa-2x" aria-hidden="true"></i>
                </a>
                <ul class="dropdown-menu">
                    <li>
                      <a href="/CJSC/issue" target="_self" class="childA">
                        Latest Issue
                      </a>
                    </li>
                    <li>
                      <a href="/CJSC/listPage" target="_self" class="childA">
                        All Issues
                      </a>
                    </li>
                    <li>
                      <a href="/CJSC/coverStories" target="_self" class="childA">
                        Cover Stories
                      </a>
                    </li>
                    <li>
                      <a href="/CJSC/collections" target="_self" class="childA">
                        Article Collection
                      </a>
                    </li>
                </ul>
            </div>
            <div class="tab">
                  
                <a href="/CJSC/authorCenter" target="_self" class="link">
                    <span>AUTHOR CENTER</span>
                    <i class="fa fa-angle-down fa-2x" aria-hidden="true"></i>
                </a>
                <ul class="dropdown-menu">
                    <li>
                      <a href="/CJSC/authorCenter?scroll=section_1" target="_self" class="childA">
                        Instructions For Authors
                      </a>
                    </li>
                </ul>
            </div>
            <div class="tab">
                  
                <a href="/CJSC/editorial" target="_self" class="link">
                    <span>EDITORIAL</span>
                </a>
            </div>
            <div class="tab">
                  
                <a href="/CJSC/aboutus" target="_self" class="link">
                    <span>ABOUT US</span>
                    <i class="fa fa-angle-down fa-2x" aria-hidden="true"></i>
                </a>
                <ul class="dropdown-menu">
                    <li>
                      <a href="/CJSC/aboutus?scroll=section_1" target="_self" class="childA">
                        Journal Introduction
                      </a>
                    </li>
                    <li>
                      <a href="/CJSC/aboutus?scroll=section_2" target="_self" class="childA">
                        Advertising Cooperation
                      </a>
                    </li>
                    <li>
                      <a href="/CJSC/aboutus?scroll=section_3" target="_self" class="childA">
                        Journal Subscription
                      </a>
                    </li>
                    <li>
                      <a href="/CJSC/aboutus?scroll=section_4" target="_self" class="childA">
                        Contact Us
                      </a>
                    </li>
                    <li>
                      <a href="/CJSC/aboutus?scroll=section_5" target="_self" class="childA">
                        Download Center
                      </a>
                    </li>
                </ul>
            </div>
        </div>
      </div>
	</div>
	
	<!-- H5端导航(期刊通用导航) -->
	<div class="jgNavBoxH5">
	    <div class="jgNavHeader">
	        <div class="jgNavIcon">
	            <i class="fa fa-bars fa-lg" aria-hidden="true"></i>
	            <span class="text">Menus</span>
	        </div>
	        <div class="jgSearch">
				<div class="search">
              <input class="input" type="text" id="searchInputH5" placeholder="Search within journal"/>
				    <img id="searchNormalH5" class="img" src="https://sciengine.obs.myhuaweicloud.com/template/journal-logo/search.svg"/>
				</div>
	        </div>
	    </div>
	    <div class="jgNavTabs">
			  <div class="tab" onclick='expendMenuChild("CJSCf66cce4f47",this)'>
			    <div class="tabItem">
			        <a href="/CJSC/home" target="_self" class="link">
			              HOME
			        </a>
			    </div>
			  </div>
			  <div class="tab" onclick='expendMenuChild("CJSC7ad7da7d2",this)'>
			    <div class="tabItem">
			        <a href="#" class="link">
			              ARCHIVE
			        </a>
			        <i class="fa fa-angle-down fa-lg" aria-hidden="true" style="font-size: 20px;"></i>
			    </div>
			  </div>
			      <div class="tab tab-white child_CJSC7ad7da7d2" style="display: none;">
			        <div class="tabItem">
			            <a href="/CJSC/issue" target="_self" class="link">
			                      Latest Issue
			                </a>
			        </div>
			      </div>
			      <div class="tab tab-white child_CJSC7ad7da7d2" style="display: none;">
			        <div class="tabItem">
			            <a href="/CJSC/listPage" target="_self" class="link">
			                      All Issues
			                </a>
			        </div>
			      </div>
			      <div class="tab tab-white child_CJSC7ad7da7d2" style="display: none;">
			        <div class="tabItem">
			            <a href="/CJSC/coverStories" target="_self" class="link">
			                      Cover Stories
			                </a>
			        </div>
			      </div>
			      <div class="tab tab-white child_CJSC7ad7da7d2" style="display: none;">
			        <div class="tabItem">
			            <a href="/CJSC/collections" target="_self" class="link">
			                      Article Collection
			                </a>
			        </div>
			      </div>
			  <div class="tab" onclick='expendMenuChild("CJSC4ac40888c5",this)'>
			    <div class="tabItem">
			        <a href="/CJSC/authorCenter" target="_self" class="link">
			              AUTHOR CENTER
			        </a>
			        <i class="fa fa-angle-down fa-lg" aria-hidden="true" style="font-size: 20px;"></i>
			    </div>
			  </div>
			      <div class="tab tab-white child_CJSC4ac40888c5" style="display: none;">
			        <div class="tabItem">
			            <a href="/CJSC/authorCenter?scroll=section_1" target="_self" class="link">
			                      Instructions For Authors
			                </a>
			        </div>
			      </div>
			  <div class="tab" onclick='expendMenuChild("CJSC18658c4362",this)'>
			    <div class="tabItem">
			        <a href="/CJSC/editorial" target="_self" class="link">
			              EDITORIAL
			        </a>
			    </div>
			  </div>
			  <div class="tab" onclick='expendMenuChild("CJSC4ac40888c6",this)'>
			    <div class="tabItem">
			        <a href="/CJSC/aboutus" target="_self" class="link">
			              ABOUT US
			        </a>
			        <i class="fa fa-angle-down fa-lg" aria-hidden="true" style="font-size: 20px;"></i>
			    </div>
			  </div>
			      <div class="tab tab-white child_CJSC4ac40888c6" style="display: none;">
			        <div class="tabItem">
			            <a href="/CJSC/aboutus?scroll=section_1" target="_self" class="link">
			                      Journal Introduction
			                </a>
			        </div>
			      </div>
			      <div class="tab tab-white child_CJSC4ac40888c6" style="display: none;">
			        <div class="tabItem">
			            <a href="/CJSC/aboutus?scroll=section_2" target="_self" class="link">
			                      Advertising Cooperation
			                </a>
			        </div>
			      </div>
			      <div class="tab tab-white child_CJSC4ac40888c6" style="display: none;">
			        <div class="tabItem">
			            <a href="/CJSC/aboutus?scroll=section_3" target="_self" class="link">
			                      Journal Subscription
			                </a>
			        </div>
			      </div>
			      <div class="tab tab-white child_CJSC4ac40888c6" style="display: none;">
			        <div class="tabItem">
			            <a href="/CJSC/aboutus?scroll=section_4" target="_self" class="link">
			                      Contact Us
			                </a>
			        </div>
			      </div>
			      <div class="tab tab-white child_CJSC4ac40888c6" style="display: none;">
			        <div class="tabItem">
			            <a href="/CJSC/aboutus?scroll=section_5" target="_self" class="link">
			                      Download Center
			                </a>
			        </div>
			      </div>
	        
	    </div>
	</div>
</div>

<!---------------------------------------------创建菜单----------------------------------------------->
<div class="modal fade" id="addMenu" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
        <h4 class="modal-title">Add new
        </h4>
      </div>
      <form id="menuForm" novalidate="novalidate" method="post">
        <div class="modal-body">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">Menu Name</h3>
            </div>
            <div class="panel-body">
              <div class="form-group">
                <label class="control-label">English</label>
                <input type="text" name="nameEn" id="menuNameEn" autocomplete="off" class="form-control">
                <span class="nameEn"></span>
              </div>
              <div class="form-group">
                <label class="control-label">Chinese</label>
                <input type="text" name="nameZh" id="menuNameZh" autocomplete="off" class="form-control">
                <span class="nameZh"></span>
              </div>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">URL</h3>
            </div>
            <div class="panel-body">
              <div class="form-group">
                <input type="text" name="url" id="menuUrl" autocomplete="off" class="form-control">
              </div>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">Sort</h3>
            </div>
            <div class="panel-body">
              <div class="form-group">
                <input type="number" class="form-control" name="sort" id="menuSort" />
              </div>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">Jump Way</h3>
            </div>
            <div class="panel-body">
              <div class="form-group">
                <select class="form-control" name="target" id="menuTarget">
                  <option value="_self">_self</option>
                  <option value="_blank">_blank</option>
                </select>
              </div>
            </div>
          </div>
          <div class="form-group">
            <input type="hidden" name="fla" value="CJSC">
            <input type="hidden" name="parentId" id="menuParentId" value="0">
          </div>
        </div>
      </form>
      <div class="modal-footer">
        <button type="button" id="createMenuBtn" onclick="createMenu()" class="btn btn-default">Create</button>
      </div>
    </div>
  </div>
</div>

<!---------------------------------------------编辑菜单----------------------------------------------->
<div class="modal fade" id="updateMenuModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
        <h4 class="modal-title">Update
        </h4>
      </div>
      <form id="updateMenuForm" novalidate="novalidate" method="post">
        <div class="modal-body">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">Menu Name</h3>
            </div>
            <div class="panel-body">
              <div class="form-group">
                <label class="control-label">English</label>
                <input type="text" name="nameEn" id="updateMenuNameEn" autocomplete="off" class="form-control">
                <span class="nameEn"></span>
              </div>
              <div class="form-group">
                <label class="control-label">Chinese</label>
                <input type="text" name="nameZh" id="updateMenuNameZh" autocomplete="off" class="form-control">
                <span class="nameZh"></span>
              </div>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">URL</h3>
            </div>
            <div class="panel-body">
              <div class="form-group">
                <input type="text" name="url" id="updateMenuUrl" autocomplete="off" class="form-control">
              </div>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">Sort</h3>
            </div>
            <div class="panel-body">
              <div class="form-group">
                <input type="number" class="form-control" name="sort" id="updateMenuSort" />
              </div>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">Jump Way</h3>
            </div>
            <div class="panel-body">
              <div class="form-group">
                <select class="form-control" name="target" id="updateMenuTarget">
                  <option value="_self">_self</option>
                  <option value="_blank">_blank</option>
                </select>
              </div>
            </div>
          </div>
          <div class="form-group">
            <input type="hidden" name="fla" value="CJSC">
            <input type="hidden" name="parentId" id="updateMenuParentId" value="0">
            <input type="hidden" name="id" id="updateMenuId" value="">
          </div>
        </div>
      </form>
      <div class="modal-footer">
        <button type="button" id="updateMenuBtn" onclick="updateMenuSubmit()" class="btn btn-default">Update</button>
      </div>
    </div>
  </div>
</div>

<script>
  // 回车事件
  $(document).ready(function () {
    $('.jgSearch').keydown(function(e){
      let keyCode = e.keyCode
      if (keyCode === 13) {
        var jouranlId = 'f9fb8cb710744848a0ae9942f48daef0';
        if ($("#searchInput").val() == '') {
          return;
        }
        window.location.href = "/search/search?jouranlId=" + jouranlId + "&searchType=commonSearch&pageCount=20&curpage=0&queryField_a=" + $("#searchInput").val();
      }
    })
  })
</script>
    <!-- 内容区 -->
    <div class="contentBox">
        <div class="bg">
          <div class="overlay">
            <div class="zx-overlay">
              <div class="container zx-container" style="margin-bottom: 100px;">
                <!-- 模块1 -->
                <div class="module1Box clearfix">
                  <div class="imgBox">
                    <img class="img" :src="'/img/issue/' + journal.coverPath"
                      onerror="this.src='/images/cover/errorcover.png'" />
                    <div class="Mantle">
                      <div class="readMore" @click="readMoreModal()">Read More</div>
                    </div>
                  </div>
                  <div class="rightBox">
                    <div class="region1">
                      <div>
                        <div class="textNumber issn"
                          v-if="journal.issn && journal.issn !== '-' && journal.issn !== '无'">
                          <span class="text">ISSN :</span>
                          <span class="number" v-text="journal.issn"></span>
                        </div>
                        <div class="textNumber cn" v-if="journal.cn && journal.cn !== '-' && journal.cn !== '无'">
                          <span class="text">CN :</span>
                          <span class="number" v-text="journal.cn"></span>
                        </div>
                        <div class="textNumber cn"
                          v-if="journal.eissn && journal.eissn !== '-' && journal.eissn !== '无'">
                          <span class="text">E-ISSN :</span>
                          <span class="number" v-text="journal.eissn"></span>
                        </div>
                      </div>
                      <div>
                        <div class="pencilBox">
                        </div>
                        <div class="textNumber CiteScore" v-if="citeScore">
                          <span class="text">CiteScore :</span>
                          <span class="number" v-text="citeScore"></span>
                        </div>
                        <div class="textNumber factor" v-if="impactFactor">
                          <span class="text">Impact Factor :</span>
                          <span class="number" v-text="impactFactor"></span>
                        </div>
                        <div class="textNumber factor" v-if="cscdImpactFactor">
                          <span class="text">{{lang == 'en_US' ? 'CSCD Impact Factor' : 'CSCD影响因子'}} :</span>
                          <span class="number" v-text="cscdImpactFactor"></span>
                        </div>
                      </div>
                    </div>
                    <div>
                      <div class="latestIssue">
                        <span class="number">Latest issue</span>
                        <div class="number" v-if="lang=='en_US'">
                            Volume <span>33</span>
                                , Issue <span>2</span>
                        </div>
                        <div class="number" v-if="lang=='zh_CN'">
                            第<span>33</span>Volume
                                , 第<span>2</span>Issue
                        </div>
                      </div>
                    </div>
                    <div class="region2">
                          <div class="title">About the journal</div>
                          <div class="desc" @click="qkjjTo" v-text="journal.intro">

                          </div>
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-lg-12 col-md-12">
                    <!-- 模块3 -->
                    <div class="module3Box clearfix">
                      <div class="module3Tabs">
                        <div class="module3-out">
                          <div :class="['module3Tab',tabType == 'dqq'?'active borderC2':'']" tabfor="dqq"
                            @click="tabFun('dqq')">
                            Current Issue</div>
                          <div :class="['module3Tab',tabType == 'yxcb'?'active borderC2':'']" @click="tabFun('yxcb')" tabfor="yxcb">
                            Latest Online</div>
                          <div :class="['module3Tab',tabType == 'ycb'?'active borderC2':'']" @click="tabFun('ycb')" tabfor="ycb">
                            {{lang == 'en_US' ? 'Accepted' :'预出版'}}
                          </div>
                          <div :class="['module3Tab',tabType == 'rdwz'?'active borderC2':'']" tabfor="rdwz"
                            id="module3TabMostRead" @click="tabFun('rdwz')">
                            Most Read</div>
                          <div :class="['module3Tab',tabType == 'bjtj'?'active borderC2':'']" tabfor="bjtj"
                            @click="tabFun('bjtj')">
                            Editors Recommend</div>
                        </div>
                      </div>
                      <!-- 当前期 -->
                      <div class="module3Content module3ContentBox fordqq" v-if="tabType == 'dqq'">
                        <div>
                          <div v-if="currentIssueLoading === true">
                            <i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
                          </div>
                          <div v-else>
                            <div class="content-out" v-if="currentIssue.length">
                            <div class="download">
                                <div class="download-button" v-if="contentList !=''" @click="downloadContent()">
                                    <img class="imgBox"
                                    src="https://sciengine.obs.cn-north-1.myhuaweicloud.com/template/platform/icon/download.png">
                                    {{lang == 'en_US' ? 'Download Content' : '整期目录'}}
                                </div>
                                <div class="download-button" @click="downCover()">
                                    <img class="imgBox"
                                    src="https://sciengine.obs.cn-north-1.myhuaweicloud.com/template/platform/icon/download.png">
                                    {{lang == 'en_US' ? 'Download Cover' : '整期封面'}}
                                </div>
                                </div>
                              <div class="content" v-for="item in currentIssue" :key="item.id">
                                <div class="content-xg content-tsXg" v-if="item.articleTypeStr">
                                  <div class="cxg-pub">
                                    <i class="fa fa-star pubColor" aria-hidden="true" /></i>
                                    <span @click="searchArticleType(item.articleTypeStr)"
                                      style="cursor: pointer;font-weight: 600;">{{item.articleTypeStr}}</span>
                                  </div>
                                </div>
                                <div class="ts-content">
                                    <div class="content-img" v-if="item.graph || item.firstFig">
                                      <img v-if="item.graph || item.firstFig" :src="item.graph ? baseFiguresUrl+item.graph : baseFiguresUrl+item.firstFig" alt="">
                                      <img v-else src="/static-template/image/errorcover.png" alt="">
                                    </div>
                                  <div class="content-text">
                                    <div class="title ts-title">
                                      <a :href="baseArticleUrlInner + item.doi" target="_blank"
                                        :title="titleText(item.title)">
                                        <span v-html="item.title"></span>
                                      </a>
                                    </div>
                                    <div class="authors" v-if="item.authorStr && item.authorStr.split(',').length > 10">
                                      <span class="author"
                                        v-for="(itemTs,indexTs) in item.authorStr.split(',').slice(0, 3)">{{ itemTs
                                        }},</span>
                                      <span class="ellipsis"
                                        v-if="item.authorStr && item.authorStr.split(',').length > 2"
                                        data-placement="bottom" tabindex="0" data-html="true" data-trigger="focus"
                                        :data-content="item.authorStr">[…]
                                      </span>
                                      <span class="author"
                                        v-for="(itemTs,indexTs) in item.authorStr.split(',').slice(-3)">{{indexTs == 2 ?
                                        itemTs : itemTs+','}}</span>
                                    </div>
                                    <div class="authors"
                                      v-if="item.authorStr && item.authorStr.split(',').length <= 10">
                                      <span class="author">{{item.authorStr}}</span>
                                    </div>
                                    <div class="content-xg">
                                      <div class="cxg-pub">
                                        <span>{{item.pubYear}},</span><span>{{item.volumeCode}}({{item.issueCode}})</span><span>:{{item.spage}}-{{item.epage}}</span>
                                      </div>
                                      <div class="cxg-pub"
                                        v-if="item.doi && !((item.doi).split('/').includes('10.0000'))">
                                        <span>doi:</span>
                                        <span class="s3">{{item.doi}}</span>
                                      </div>
                                    </div>
                                    <div class="content-xg">
                                      <div class="cxg-pub">
                                        <span>{{lang == 'zh_CN'?'发布时间':'release time'}}:</span>
                                        <span>{{timestampToDate(item.pubDate)}}</span>
                                      </div>
                                    </div>
                                    <div class="content-xg">
                                      <div class="cxg-pub">
                                        <span>{{lang == 'zh_CN'?'状态':'state'}}:</span>
                                        <span class="special s2"
                                          :class="['special',item.articleRight.access && item.articleRight.code=='OA' ? 's5':'',item.articleRight.access && item.articleRight.code!='OA'?'s4':'']">
                                          <div class="label-point-orange"
                                            v-if="item.articleRight.access && item.articleRight.code=='OA'"></div>
                                          <div class="label-point-green"
                                            v-if="item.articleRight.access && item.articleRight.code!='OA'"></div>
                                          <div class="label-point-gray " v-if="!item.articleRight.access"></div>
                                          {{item.articleRight.displayResorceName}}
                                        </span>
                                      </div>
                                    </div>
                                    <div class="content-btn">
                                      <div class="downloadBox">
                                        <a class="text" :href="baseArticleUrlInner + item.doi" target="_blank">{{lang ==
                                          'zh_CN'?'摘要':'abstract'}}
                                          <span class="ab-s1">({{item.abstractNum}})</span>
                                        </a>
                                      </div>
                                      <div class="downloadBox">
                                        <a class="text" :href="baseArticleUrlInner + item.doi" target="_blank">{{lang ==
                                          'zh_CN'?'HTML全文':'HTMLfulltext'}}
                                          <span class="ab-s1">({{item.fulltextNum}})</span>
                                        </a>
                                      </div>
                                      <template v-if="item.pdfPath!=null&&item.pdfPath!=''">
                                        <template v-if="item.articleRight">
                                          <template v-if="item.articleRight.ipAllow">
                                            <template v-if="item.articleRight.access">
                                              <div class="downloadBox">
                                                <span class="text"
                                                  @click="currentDownloadPDF(item)">Download PDF
                                                  <span class="ab-s1">({{item.downloadNum}})</span>
                                                </span>
                                              </div>
                                            </template>
                                            <template v-else>
                                              <div class="downloadBox" @click="shoppingUrl(item) ">
                                                <!-- <img class="img" src=" /img/2e3ae98f80174b340e9649d346e2007.png" /> -->
                                                <span class="text"><template
                                                    v-if="lang == 'zh_CN'">购买PDF</template><template v-else>Purchase
                                                    PDF</template></span>
                                              </div>
                                            </template>
                                          </template>
                                        </template>
                                      </template>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div v-else class="pubEmpty">
                              {{lang == 'zh_CN'?'暂无文章':'no articles available'}}
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- 预出版 -->
                      <div class="module3Content module3ContentBox forycb" v-if="tabType == 'ycb'">
                        <div>
                          <div v-if="justAcceptedLoading === true">
                            <i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
                          </div>
                          <div v-else>
                            <div class="content-out" v-if="justAccepted.length">
                              <div class="content" v-for="item in justAccepted" :key="item.id">
                                <div class="content-xg content-tsXg" v-if="item.articleTypeStr">
                                  <div class="cxg-pub">
                                    <i class="fa fa-star pubColor" aria-hidden="true" /></i>
                                    <span @click="searchArticleType(item.articleTypeStr)"
                                      style="cursor: pointer;font-weight: 600;">{{item.articleTypeStr}}</span>
                                  </div>
                                </div>
                                <div class=" ts-content">
                                    <div class="content-img" v-if="item.graph || item.firstFig">
                                      <img v-if="item.graph || item.firstFig" :src="item.graph ? baseFiguresUrl+item.graph : baseFiguresUrl+item.firstFig" alt="">
                                      <img v-else src="/static-template/image/errorcover.png" alt="">
                                    </div>
                                  <div class="content-text">
                                    <div class="title ts-title">
                                      <a :href="baseArticleUrlInner + item.doi" target="_blank"
                                        :title="titleText(item.title)">
                                        <span v-html="item.title"></span>
                                      </a>
                                    </div>
                                    <div class="authors" v-if="item.authorStr && item.authorStr.split(',').length > 10">
                                      <span class="author"
                                        v-for="(itemTs,indexTs) in item.authorStr.split(',').slice(0, 3)">{{ itemTs
                                        }},</span>
                                      <span class="ellipsis"
                                        v-if="item.authorStr && item.authorStr.split(',').length > 2"
                                        data-placement="bottom" tabindex="0" data-html="true" data-trigger="focus"
                                        :data-content="item.authorStr">[…]
                                      </span>
                                      <span class="author"
                                        v-for="(itemTs,indexTs) in item.authorStr.split(',').slice(-3)">{{indexTs == 2 ?
                                        itemTs : itemTs+','}}</span>
                                    </div>
                                    <div class="authors"
                                      v-if="item.authorStr && item.authorStr.split(',').length <= 10">
                                      <span class="author">{{item.authorStr}}</span>
                                    </div>
                                    <div class="content-xg">
                                      <div class="cxg-pub">
                                        <span>{{item.pubYear}},</span><span>{{item.volumeCode}}({{item.issueCode}})</span><span>:{{item.spage}}-{{item.epage}}</span>
                                      </div>
                                      <div class="cxg-pub">
                                        <template v-if="item.advancePub!=null&&item.advancePub!=null">
                                          <span class="tagContent" style="color: rgb(185, 70, 133);"
                                            v-if="item.advancePub.includes('accepted')">Just Accepted</span>
                                          <span class="tagContent" style="color: rgb(185, 70, 133);"
                                            v-if="item.advancePub.includes('online_first')">Online First</span>
                                          <span class="tagContent" style="color: rgb(185, 70, 133);"
                                            v-if="item.advancePub.includes('CorrectedProof')">Corrected Proof</span>
                                          <span class="tagContent" style="color: rgb(185, 70, 133);"
                                            v-if="item.advancePub.includes('UncorrectedProof')">Pre-proof</span>
                                        </template>
                                      </div>
                                      <div class="cxg-pub"
                                        v-if="item.doi && !((item.doi).split('/').includes('10.0000'))">
                                        <span>doi:</span>
                                        <span class="s3">{{item.doi}}</span>
                                      </div>
                                    </div>
                                    <div class="content-xg">
                                      <div class="cxg-pub">
                                        <span>{{lang == 'zh_CN'?'发布时间':'release time'}}:</span>
                                        <span>{{timestampToDate(item.pubDate)}}</span>
                                      </div>
                                    </div>
                                    <div class="content-xg">
                                      <div class="cxg-pub">
                                        <span>{{lang == 'zh_CN'?'状态':'state'}}:</span>
                                        <span class="special s2"
                                          :class="['special',item.articleRight.access && item.articleRight.code=='OA' ? 's5':'',item.articleRight.access && item.articleRight.code!='OA'?'s4':'']">
                                          <div class="label-point-orange"
                                            v-if="item.articleRight.access && item.articleRight.code=='OA'"></div>
                                          <div class="label-point-green"
                                            v-if="item.articleRight.access && item.articleRight.code!='OA'"></div>
                                          <div class="label-point-gray " v-if="!item.articleRight.access"></div>
                                          {{item.articleRight.displayResorceName}}
                                        </span>
                                      </div>
                                    </div>
                                    <div class="content-btn">
                                      <div class="downloadBox">
                                        <a class="text" :href="baseArticleUrlInner + item.doi" target="_blank">{{lang ==
                                          'zh_CN'?'摘要':'abstract'}}
                                          <span class="ab-s1">({{item.abstractNum}})</span>
                                        </a>
                                      </div>
                                      <div class="downloadBox">
                                        <a class="text" :href="baseArticleUrlInner + item.doi" target="_blank">{{lang ==
                                          'zh_CN'?'HTML全文':'HTMLfulltext'}}
                                          <span class="ab-s1">({{item.fulltextNum}})</span>
                                        </a>
                                      </div>
                                      <template v-if="item.pdfPath!=null&&item.pdfPath!=''">
                                        <template v-if="item.articleRight">
                                          <template v-if="item.articleRight.ipAllow">
                                            <template v-if="item.articleRight.access">
                                              <div class="downloadBox">
                                                <span class="text"
                                                  @click="currentDownloadPDF(item)">Download PDF
                                                  <span class="ab-s1">({{item.downloadNum}})</span>
                                                </span>
                                              </div>
                                            </template>
                                            <template v-else>
                                              <div class="downloadBox" @click="shoppingUrl(item) ">
                                                <img class="img"
                                                  src=" /img/2e3ae98f80174b340e9649d346e2007.png" />
                                                <span class="text"><template
                                                    v-if="lang == 'zh_CN'">购买PDF</template><template v-else>Purchase
                                                    PDF</template></span>
                                              </div>
                                            </template>
                                          </template>
                                        </template>
                                      </template>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div v-else class="pubEmpty">
                              {{lang == 'zh_CN'?'暂无文章':'no articles available'}}
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- 优先出版 -->
                      <div class="module3Content module3ContentBox foryxcb" v-if="tabType == 'yxcb'">
                        <div>
                          <div v-if="rpublishListLoading === true">
                            <i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
                          </div>
                          <div v-else>
                            <div class="content-out" v-if="rpublishList.length">
                              <div class="content" v-for="item in rpublishList" :key="item.id">
                                <div class="content-xg content-tsXg" v-if="item.articleTypeStr">
                                  <div class="cxg-pub">
                                    <i class="fa fa-star pubColor" aria-hidden="true" /></i>
                                    <span @click="searchArticleType(item.articleTypeStr)"
                                      style="cursor: pointer;font-weight: 600;">{{item.articleTypeStr}}</span>
                                  </div>
                                </div>
                                <div class="ts-content">
                                    <div class="content-img" v-if="item.graph || item.firstFig">
                                      <img v-if="item.graph || item.firstFig" :src="item.graph ? baseFiguresUrl+item.graph : baseFiguresUrl+item.firstFig" alt="">
                                      <img v-else src="/static-template/image/errorcover.png" alt="">
                                    </div>
                                  <div class="content-text">
                                    <div class="title ts-title">
                                      <a :href="baseArticleUrlInner + item.doi" target="_blank"
                                        :title="titleText(item.title)">
                                        <span v-html="item.title"></span>
                                      </a>
                                    </div>
                                    <div class="authors" v-if="item.authorStr && item.authorStr.split(',').length > 10">
                                      <span class="author"
                                        v-for="(itemTs,indexTs) in item.authorStr.split(',').slice(0, 3)">{{ itemTs
                                        }},</span>
                                      <span class="ellipsis"
                                        v-if="item.authorStr && item.authorStr.split(',').length > 2"
                                        data-placement="bottom" tabindex="0" data-html="true" data-trigger="focus"
                                        :data-content="item.authorStr">[…]
                                      </span>
                                      <span class="author"
                                        v-for="(itemTs,indexTs) in item.authorStr.split(',').slice(-3)">{{indexTs == 2 ?
                                        itemTs : itemTs+','}}</span>
                                    </div>
                                    <div class="authors"
                                      v-if="item.authorStr && item.authorStr.split(',').length <= 10">
                                      <span class="author">{{item.authorStr}}</span>
                                    </div>
                                    <div class="content-xg">
                                      <div class="cxg-pub" v-if="item.pubYear && item.volumeCode && item.issueCode && item.spage && item.epage">
                                        <span>{{item.pubYear}},</span><span>{{item.volumeCode}}({{item.issueCode}})</span><span>:{{item.spage}}-{{item.epage}}</span>
                                      </div>
                                      <div class="cxg-pub">
                                        <template v-if="item.advancePub!=null&&item.advancePub!=null">
                                          <span class="tagContent" style="color: rgb(185, 70, 133);"
                                            v-if="item.advancePub.includes('accepted')">Just Accepted</span>
                                          <span class="tagContent" style="color: rgb(185, 70, 133);"
                                            v-if="item.advancePub.includes('online_first')">Online First</span>
                                          <span class="tagContent" style="color: rgb(185, 70, 133);"
                                            v-if="item.advancePub.includes('CorrectedProof')">Corrected Proof</span>
                                          <span class="tagContent" style="color: rgb(185, 70, 133);"
                                            v-if="item.advancePub.includes('UncorrectedProof')">Pre-proof</span>
                                        </template>
                                      </div>
                                      <div class="cxg-pub"
                                        v-if="item.doi && !((item.doi).split('/').includes('10.0000'))">
                                        <span>doi:</span>
                                        <span class="s3">{{item.doi}}</span>
                                      </div>
                                    </div>
                                    <div class="content-xg">
                                      <div class="cxg-pub">
                                        <span>{{lang == 'zh_CN'?'发布时间':'release time'}}:</span>
                                        <span>{{timestampToDate(item.pubDate)}}</span>
                                      </div>
                                    </div>
                                    <div class="content-xg">
                                      <div class="cxg-pub">
                                        <span>{{lang == 'zh_CN'?'状态':'state'}}:</span>
                                        <span class="special s2"
                                          :class="['special',item.articleRight.access && item.articleRight.code=='OA' ? 's5':'',item.articleRight.access && item.articleRight.code!='OA'?'s4':'']">
                                          <div class="label-point-orange"
                                            v-if="item.articleRight.access && item.articleRight.code=='OA'"></div>
                                          <div class="label-point-green"
                                            v-if="item.articleRight.access && item.articleRight.code!='OA'"></div>
                                          <div class="label-point-gray " v-if="!item.articleRight.access"></div>
                                          {{item.articleRight.displayResorceName}}
                                        </span>
                                      </div>
                                    </div>
                                    <div class="content-btn">
                                      <div class="downloadBox">
                                        <a class="text" :href="baseArticleUrlInner + item.doi" target="_blank">{{lang ==
                                          'zh_CN'?'摘要':'abstract'}}
                                          <span class="ab-s1">({{item.abstractNum}})</span>
                                        </a>
                                      </div>
                                      <div class="downloadBox">
                                        <a class="text" :href="baseArticleUrlInner + item.doi" target="_blank">{{lang ==
                                          'zh_CN'?'HTML全文':'HTMLfulltext'}}
                                          <span class="ab-s1">({{item.fulltextNum}})</span>
                                        </a>
                                      </div>
                                      <template v-if="item.pdfPath!=null&&item.pdfPath!=''">
                                        <template v-if="item.articleRight">
                                          <template v-if="item.articleRight.ipAllow">
                                            <template v-if="item.articleRight.access">
                                              <div class="downloadBox">
                                                <span class="text"
                                                  @click="currentDownloadPDF(item)">Download PDF
                                                  <span class="ab-s1">({{item.downloadNum}})</span>
                                                </span>
                                              </div>
                                            </template>
                                            <template v-else>
                                              <div class="downloadBox" @click="shoppingUrl(item) ">
                                                <img class="img"
                                                  src=" /img/2e3ae98f80174b340e9649d346e2007.png" />
                                                <span class="text"><template
                                                    v-if="lang == 'zh_CN'">购买PDF</template><template v-else>Purchase
                                                    PDF</template></span>
                                              </div>
                                            </template>
                                          </template>
                                        </template>
                                      </template>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div v-else class="pubEmpty">
                              {{lang == 'zh_CN'?'暂无文章':'no articles available'}}
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- Most Read -->
                      <div class="module3Content module3ContentBox formostRead" v-if="tabType == 'rdwz'">
                        <div>
                          <div v-if="mostReadLoading === true">
                            <i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
                          </div>
                          <div v-else>
                            <div class="content-out" v-if="mostReadList.length">
                              <div class="content" v-for="item in mostReadList" :key="item.id">
                                <div class="content-xg content-tsXg" v-if="item.articleTypeStr">
                                  <div class="cxg-pub">
                                    <i class="fa fa-star pubColor" aria-hidden="true" /></i>
                                    <span @click="searchArticleType(item.articleTypeStr)"
                                      style="cursor: pointer;font-weight: 600;">{{item.articleTypeStr}}</span>
                                  </div>
                                </div>
                                <div class="ts-content">
                                    <div class="content-img" v-if="item.graph || item.firstFig">
                                      <img v-if="item.graph || item.firstFig" :src="item.graph ? baseFiguresUrl+item.graph : baseFiguresUrl+item.firstFig" alt="">
                                      <img v-else src="/static-template/image/errorcover.png" alt="">
                                    </div>
                                  <div class="content-text">
                                    <div class="title ts-title">
                                      <a :href="baseArticleUrlInner + item.doi" target="_blank"
                                        :title="titleText(item.title)">
                                        <span v-html="item.title"></span>
                                      </a>
                                    </div>
                                    <div class="authors" v-if="item.authorStr && item.authorStr.split(',').length > 10">
                                      <span class="author"
                                        v-for="(itemTs,indexTs) in item.authorStr.split(',').slice(0, 3)">{{ itemTs
                                        }},</span>
                                      <span class="ellipsis"
                                        v-if="item.authorStr && item.authorStr.split(',').length > 2"
                                        data-placement="bottom" tabindex="0" data-html="true" data-trigger="focus"
                                        :data-content="item.authorStr">[…]
                                      </span>
                                      <span class="author"
                                        v-for="(itemTs,indexTs) in item.authorStr.split(',').slice(-3)">{{indexTs == 2 ?
                                        itemTs : itemTs+','}}</span>
                                    </div>
                                    <div class="authors"
                                      v-if="item.authorStr && item.authorStr.split(',').length <= 10">
                                      <span class="author">{{item.authorStr}}</span>
                                    </div>
                                    <div class="content-xg">
                                      <div class="cxg-pub">
                                        <span>{{item.pubYear}},</span><span>{{item.volumeCode}}({{item.issueCode}})</span><span>:{{item.spage}}-{{item.epage}}</span>
                                      </div>
                                      <div class="cxg-pub"
                                        v-if="item.doi && !((item.doi).split('/').includes('10.0000'))">
                                        <span>doi:</span>
                                        <span class="s3">{{item.doi}}</span>
                                      </div>
                                    </div>
                                    <div class="content-xg">
                                      <div class="cxg-pub">
                                        <span>{{lang == 'zh_CN'?'发布时间':'release time'}}:</span>
                                        <span>{{timestampToDate(item.pubDate)}}</span>
                                      </div>
                                    </div>
                                    <div class="content-xg">
                                      <div class="cxg-pub">
                                        <span>{{lang == 'zh_CN'?'状态':'state'}}:</span>
                                        <span class="special s2"
                                          :class="['special',item.articleRight.access && item.articleRight.code=='OA' ? 's5':'',item.articleRight.access && item.articleRight.code!='OA'?'s4':'']">
                                          <div class="label-point-orange"
                                            v-if="item.articleRight.access && item.articleRight.code=='OA'"></div>
                                          <div class="label-point-green"
                                            v-if="item.articleRight.access && item.articleRight.code!='OA'"></div>
                                          <div class="label-point-gray " v-if="!item.articleRight.access"></div>
                                          {{item.articleRight.displayResorceName}}
                                        </span>
                                      </div>
                                    </div>
                                    <div class="content-btn">
                                      <div class="downloadBox">
                                        <a class="text" :href="baseArticleUrlInner + item.doi" target="_blank">{{lang ==
                                          'zh_CN'?'摘要':'abstract'}}
                                          <span class="ab-s1">({{item.abstractNum}})</span>
                                        </a>
                                      </div>
                                      <div class="downloadBox">
                                        <a class="text" :href="baseArticleUrlInner + item.doi" target="_blank">{{lang ==
                                          'zh_CN'?'HTML全文':'HTMLfulltext'}}
                                          <span class="ab-s1">({{item.fulltextNum}})</span>
                                        </a>
                                      </div>
                                      <template v-if="item.pdfPath!=null&&item.pdfPath!=''">
                                        <template v-if="item.articleRight">
                                          <template v-if="item.articleRight.ipAllow">
                                            <template v-if="item.articleRight.access">
                                              <div class="downloadBox">
                                                <span class="text"
                                                  @click="currentDownloadPDF(item)">Download PDF
                                                  <span class="ab-s1">({{item.downloadNum}})</span>
                                                </span>
                                              </div>
                                            </template>
                                            <template v-else>
                                              <div class="downloadBox" @click="shoppingUrl(item) ">
                                                <img class="img"
                                                  src=" /img/2e3ae98f80174b340e9649d346e2007.png" />
                                                <span class="text"><template
                                                    v-if="lang == 'zh_CN'">购买PDF</template><template v-else>Purchase
                                                    PDF</template></span>
                                              </div>
                                            </template>
                                          </template>
                                        </template>
                                      </template>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div v-else class="pubEmpty">
                              {{lang == 'zh_CN'?'暂无文章':'no articles available'}}
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- Editor Recommend -->
                      <div class="module3Content module3ContentBox foreditorRecommend" v-if="tabType == 'bjtj'">
                        <div style="position: relative;">
                              <div v-if="mostCitedLoading === true">
                                <i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
                              </div>
                              <div v-else>
                                <div v-if="editorRecommendList.length">
                                  <div class="content content-editor" v-for="item in editorRecommendList"
                                    :key="item.id">
                                    <div class="imgText">
                                      <div class="imgBox"
                                        v-if="item.coverPath != null && item.coverPath != undefined && item.coverPath != ''">
                                        <img class="img" :src="baseFiguresUrl+item.coverPath"
                                          onerror="this.src='/static-template/image/errorcover.png'"
                                          @click="imgZoomModal(baseFiguresUrl+item.coverPath)" />
                                      </div>
                                      <div class="imgBox" v-else>
                                        <img class="img" src="/static-template/image/errorcover.png" />
                                      </div>
                                      <div class="descBox">
                                        <div class="textBox">
                                          <div class="title">
                                            <a :href="baseArticleUrlInner + item.doi" :title="titleText(item.title)"
                                              target="_blank">
                                              <span v-html="item.title"></span>
                                            </a>
                                          </div>
                                          <span class="authors"
                                            v-if="item.authorStr && item.authorStr.split(',').length > 10">
                                            <span class="author"
                                              v-for="(itemTs,indexTs) in item.authorStr.split(',').slice(0, 3)">{{
                                              itemTs }},</span>
                                            <span class="ellipsis"
                                              v-if="item.authorStr && item.authorStr.split(',').length > 2"
                                              data-placement="bottom" tabindex="0" data-html="true" data-trigger="focus"
                                              :data-content="item.authorStr">[…]
                                            </span>
                                            <span class="author"
                                              v-for="(itemTs,indexTs) in item.authorStr.split(',').slice(-3)">{{indexTs
                                              == 2 ? itemTs : itemTs+','}}</span>
                                          </span>
                                          <div class="authors"
                                            v-if="item.authorStr && item.authorStr.split(',').length <= 10">
                                            <span class="author">{{item.authorStr}}</span>
                                          </div>
                                          <div class="content-xg">
                                            <div class="cxg-pub">
                                              <span>{{lang == 'zh_CN'?'发布时间':'release time'}}:</span>
                                              <span>{{timestampToDate(item.pubDate)}}</span>
                                            </div>
                                          </div>
                                          <div class="content-xg">
                                            <div class="cxg-pub">
                                              <span>{{lang == 'zh_CN'?'状态':'state'}}:</span>
                                              <span class="special s2"
                                                :class="['special',item.articleRight.access && item.articleRight.code=='OA' ? 's5':'',item.articleRight.access && item.articleRight.code!='OA'?'s4':'']">
                                                <div class="label-point-orange"
                                                  v-if="item.articleRight.access && item.articleRight.code=='OA'"></div>
                                                <div class="label-point-green"
                                                  v-if="item.articleRight.access && item.articleRight.code!='OA'"></div>
                                                <div class="label-point-gray " v-if="!item.articleRight.access"></div>
                                                {{item.articleRight.displayResorceName}}
                                              </span>
                                            </div>
                                          </div>
                                          <div class="depict" v-html="item.intro" :title="item.intro | filterTags">
                                          </div>
                                          <span class="ellipsisIe"
                                            style="display: none;position: absolute;right: 0;bottom: 0;background: linear-gradient(to right, transparent, #fff 0%);">...</span>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                                <div v-else class="pubEmpty">
                                  {{lang == 'zh_CN'?'暂无文章':'no articles available'}}
                                </div>
                              </div>
                        </div>

                      </div>
                      <div class="moreBox modul2More" @click="module2Jump()">
                        <div class="more pubCc pubHoverBgc">MORE</div>
                      </div>
                    </div>
                    <!-- 模块4 -->
                    <div class="module4Box clearfix" v-if="isManager || newsList.length > 0">
                      <div class="module4Tabs">
                        <div class="module4Tabs-out">
                          <div :class="['modulPubTitle', modul4Flage == 'articalZt' ? 'pubActived pubActivated':'']"
                            @click="tabXxk('articalZt')">
                            Special Topics
                          </div>
                          <div :class="['modulPubTitle', modul4Flage == 'articalWzj' ? 'pubActived pubActivated':'']"
                            @click="tabXxk('articalWzj')">
                            Article Collections
                          </div>
                        </div>
                      </div>
                      <div class="module4Content">
                        <!-- 专题 -->
                        <div v-show="modul4Flage === 'articalZt'" class="module5ContentBox forarticalZt">
                          <div>
                            <div v-if="specialTopicLoading === true">
                              <i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
                            </div>
                            <div v-else>
                              <div v-if="specialTopicsList.length">
                                <div class="swiperModule5 lists swiper-no-swiping">
                                  <div class="swiper-wrapper">
                                    <div class="swiper-slide list" v-for="item in specialTopicsList" :key="item.id">
                                      <div class="imgBox">
                                        <img class="img" :src="specailCoverUrl+item.coverPath"
                                          onerror="this.src='/static-template/image/errorcover.png'"
                                          @click="jumpUrl(item)" style="cursor: pointer;" />
                                      </div>
                                      <div class="name">
                                        <div class="title" v-if="lang == 'zh_CN'" v-text="item.nameZh"
                                          @click="jumpUrl(item)"></div>
                                        <div class="title" v-if="lang == 'en_US'" v-text="item.nameEn"
                                          @click="jumpUrl(item)"></div>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="swiper-button-next" style="display: none;"></div>
                                  <div class="swiper-button-prev" style="display: none;"></div>
                                </div>
                                <div class="h5Module5 lists">
                                  <div class="list" v-for="(item,i) in specialTopicsList" :key="item.id">
                                    <div class="imgBox">
                                      <img class="img" :src="specailCoverUrl+item.coverPath"
                                        onerror="this.src='/static-template/image/errorcover.png'"
                                        @click="jumpUrl(item)" style="cursor: pointer;" />
                                    </div>
                                    <div class="name">
                                      <div class="title" v-if="lang == 'zh_CN'" v-text="item.nameZh"
                                        @click="jumpUrl(item)">
                                      </div>
                                      <div class="title" v-if="lang == 'en_US'" v-text="item.nameEn"
                                        @click="jumpUrl(item)">
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div v-else class="pubEmpty">
                                {{lang == 'zh_CN'?'暂无文章':'no articles available'}}
                              </div>
                            </div>
                          </div>
                        </div>
                        <!-- 文章集 -->
                        <div v-show="modul4Flage === 'articalWzj'" class="module5ContentBox forcollections">
                          <div>
                            <div v-if="collectionListLoading === true">
                              <i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
                            </div>
                            <div v-else>
                              <div v-if="collectionList.length">
                                <div class="swiperModule5 lists swiper-no-swiping">
                                  <div class="swiper-wrapper">
                                    <div class="swiper-slide list" v-for="item in collectionList" :key="item.id">
                                      <div class="imgBox">
                                        <img class="img" src="item.cover"
                                          onerror="this.src='/static-template/image/errorcover.png'"
                                          @click="window.open('/CJSC/collectionsDetails?slug=collections&abbreviated=zhongkeqikan&specialId='+item.id, '_self')"
                                          style="cursor: pointer;" />
                                      </div>
                                      <div class="name">
                                        <div class="name"><a :title="titleText(item.titleStr)"
                                            :href="ctxPath +'/CJSC/collectionsDetails?slug=collections&abbreviated=zhongkeqikan&specialId='+item.id"
                                            v-html='item.titleStr'></a></div>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="swiper-button-next" style="display: none;"></div>
                                  <div class="swiper-button-prev" style="display: none;"></div>
                                </div>
                                <div class="h5Module5 lists">
                                  <div class="list" v-for="(item,i) in collectionList" :key="item.id">
                                    <div class="imgBox">
                                      <img class="img" :src="item.cover"
                                        onerror="this.src='/static-template/image/errorcover.png'"
                                        @click="window.open('/CJSC/collectionsDetails?slug=collections&abbreviated=zhongkeqikan&specialId='+item.id, '_self')"
                                        style="cursor: pointer;" />
                                    </div>
                                    <div class="name">
                                      <div class="name"><a :title="titleText(item.titleStr)"
                                          :href="ctxPath +'/CJSC/collectionsDetails?slug=collections&abbreviated=zhongkeqikan&specialId='+item.id"
                                          v-html='item.titleStr'></a></div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div v-else class="pubEmpty">
                                {{lang == 'zh_CN'?'暂无文章':'no articles available'}}
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="moreBox">
                        <div class="more pubCc pubHoverBgc" @click="modul4Open">
                          MORE</div>
                      </div>
                    </div>
                    <!-- 模块6 -->
                    <div class="module6Box" v-if="false">
                      <div class="module6Tabs">
                        <div class="module6Tab pubActivated">{{lang == 'en_US' ? 'Related Journals' : '相关期刊'}}
                        </div>
                      </div>
                      <div class="module6ContentBox">
                        <div class="list" v-for="(item, index) in relationJournalList" :key="index">
                          <div class="imgBox" @click="toJournal(item)">
                            <img class="img" :src="specailCoverUrl + item.coverPath"
                              onerror="this.src='/images/cover/errorcover.png'">
                            <div class="mask">{{lang == 'en_US' ? 'VIEW JOURNAL' : '查看'}}</div>
                          </div>
                          <!-- <div class="shadow"></div> -->
                          <div class="name" v-html="item.title"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <!-- <div class="col-lg-3 col-md-3">
                    <div class="advertisementBox">
                    </div>
                  </div> -->
                </div>
              </div>
              <div class="zx-container2">
                <div class="zx-con2-d1">
                  <div class="region3 zx-con2-pub">
                    <div class="con2-p-title">
                      <span class="pubBorc">{{lang == 'zh_CN'?'办公系统':'office system'}}</span>
                    </div>
                    <div class="con2-p-content">
                      <div class="btnBox pubBgc" @click="window.open('https://www.scicloudcenter.com/CJSC','_blank')">
                        <i class="fa fa-list-alt forIcon" aria-hidden="true"></i>
                        Submit
                      </div>
                      <div class="btnBox pubBgc" @click="emailAlerts()">
                        <i class="fa fa-envelope forIcon" aria-hidden="true"></i>
                        Alert
                      </div>
                      <div class="btnBox pubBgc" v-if="codeStatus && journal.shopShow === 1"
                        @click="openPaperJournalDialog('f9fb8cb710744848a0ae9942f48daef0',7)">
                        <i class="fa fa-cart-plus forIcon" aria-hidden="true"></i>
                        Buy Print
                      </div>
                      <div class="btnBox pubBgc" v-if="'CJSC' === 'sands'" @click="openPaperJournalDialog2()">
                        <i class="fa fa-cart-plus forIcon" aria-hidden="true"></i>
                        Buy Print
                      </div>
                    </div>
                  </div>
                  <div class="zx-con2-pub" v-if="false">
                    <div class="con2-p2-content">
                      <div class="d1 dp">
                        <!-- <img src="https://sciengine.obs.cn-north-1.myhuaweicloud.com/template/img/PPJ/wxLogo1.png" alt=""> -->
                      </div>
                      <div class="d2 dp">
                        <div class="imgBox">
                          <i class="fa fa-twitter-square shar pubCc" aria-hidden="true" @click="jumpTwitter()"></i>
                        </div>
                        <div class="imgBox">
                          <i class="fa fa-facebook-square shar pubCc" aria-hidden="true" @click="jumpFacebook()"></i>
                        </div>
                        <div class="imgBox">
                          <i class="fa fa-linkedin-square shar pubCc" aria-hidden="true" @click="jumpLinkedin()"></i>
                        </div>
                        <div class="imgBox">
                          <i class="fa fa-envelope-square shar pubCc" aria-hidden="true" @click="jumpEnvelope()"></i>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="zx-con2-pub">
                    <div class="con2-p-title">
                      <span class="pubBorc">NEWS</span>
                      <span class="ts-span" @click="moreNewList()">MORE></span>
                    </div>
                    <div class="con2-p3-d1">
                      <div class="con2-p3-d2" v-for="(item,index) in newsList" :key="item.id" v-show="newsList.length">
                        <div :class="['cd2-d1','ts-cd2-d'+index]">{{downIndex(index)}}</div>
                        <div class="cd2-d2">
                          <div class="title cd2-ts-title">
                            <a :title="titleText(lang == 'en_US' ? item.titleEn : item.titleZh)">
                              <span v-if="lang == 'zh_CN'" v-text="item.titleZh" @click="newsDetail(item)"></span>
                              <span v-if="lang == 'en_US'" v-text="item.titleEn" @click="newsDetail(item)"></span>
                            </a>
                          </div>
                        </div>
                      </div>
                      <div v-show="!newsList.length" class="pubEmpty2">
                        {{lang == 'zh_CN'?'暂无文章':'no articles available'}}
                      </div>
                    </div>
                  </div>
                  <div class="zx-con2-pub">
                    <div class="con2-p-title">
                      <span class="pubBorc">{{lang == 'zh_CN'?'近五年下载排行':'Top Download in five'}}</span>
                      <span class="ts-span" @click="mostDownloadListMore">MORE></span>
                    </div>
                    <div class="con2-p3-d1">
                      <div class="con2-p3-d2" v-for="(item,index) in mostDownloadList" :key="item.id"
                        v-show="mostDownloadList.length">
                        <div :class="['cd2-d1','ts-cd2-d'+index]">{{downIndex(index)}}</div>
                        <div class="cd2-d2">
                          <a :href="baseArticleUrlInner + item.doi" target="_blank" :title="titleText(item.title)">
                            <span v-html="item.title"></span>
                          </a>
                        </div>
                      </div>
                      <div v-show="!mostDownloadList.length" class="pubEmpty2">
                        {{lang == 'zh_CN'?'暂无文章':'no articles available'}}
                      </div>
                    </div>
                  </div>
                  <div class="zx-con2-pub">
                    <div class="con2-p-title">
                      <span class="pubBorc">{{lang == 'zh_CN'?'近五年引用排行':'Top High in five'}}</span>
                      <span class="ts-span" @click="mostYyMore()">MORE></span>
                    </div>
                    <div class="con2-p3-d1">
                      <div class="con2-p3-d2" v-for="(item,index) in mostCitedList" :key="item.id"
                        v-show="mostCitedList.length">
                        <div :class="['cd2-d1','ts-cd2-d'+index]">{{downIndex(index)}}</div>
                        <div class="cd2-d2">
                          <a :href="baseArticleUrlInner + item.doi" target="_blank" :title="titleText(item.title)">
                            <span v-html="item.title"></span>
                          </a>
                        </div>
                      </div>
                      <div v-show="!mostCitedList.length" class="pubEmpty2">
                        {{lang == 'zh_CN'?'暂无文章':'no articles available'}}
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- 底部(公用底部) -->
<link rel="stylesheet" href="/template/css/650ba1deb9294cde8d8e92839340150c_2.css">
<script type="text/javascript" charset="utf-8" src="/template/js/650ba1deb9294cde8d8e92839340150c_2.js"></script>
<div class="footerBox bgC1">
  <div class="footer container">
    <div class="footerTop row">
      <div class="col-md-3 col-sm-4">
        <div class="footerLeft">
          <div class="footerLogo">
          </div>
          <div class="footerCode" style="border: 1px solid #eee;">
            <img class="img" src="https://sciengine.obs.cn-north-1.myhuaweicloud.com/template/img/CJSC/chart.jpg"/>
          </div>
          <div class="imgLeft">
            <a href="mailto:hchx@cioc.ac.cn" target="_blank">
              <i class="fa fa-envelope-o" aria-hidden="true" style="color: white"></i>
            </a>
          </div>
        </div>
      </div>
      <div class="col-md-9 col-sm-8">
        <div class="row footerRight clearfix">
          <div class="sitemapColumn col-md-4 col-sm-4 col-xs-12">
            <div class="aboutTop">
              <div class="title">About</div>
              <i class="fa fa-plus faPlus" aria-hidden="true" style="display: none;"></i>
              <i class="fa fa-minus" aria-hidden="true"></i>
            </div>
            <div class="desc" id="desc">
                <p onclick='footerJump("/publisher/zhongkeqikan/journal/CJSC?slug=aboutus","_self")'>About Chinese Journal of Synthetic Chemistry</p>
                <p onclick='footerJump("/publisher/zhongkeqikan/journal/CJSC?slug=news","_self")'>News</p>
              <p onclick="emailAlerts()">Alert</p>
                <p onclick='footerJump("https://www.scicloudcenter.com/CJSC","_blank")'>Submit</p>
            </div>
          </div>
          <div class="sitemapColumn col-md-4 col-sm-4 col-xs-12 contact">
            <div class="contactTop">
              <div class="title">Contact Us</div>
              <i class="fa fa-plus faPlus" aria-hidden="true" style="display: none;"></i>
              <i class="fa fa-minus" aria-hidden="true"></i>
            </div>
              <div class="desc" id="descContact">
                <p>Address: Editorial Department of Synthetic Chemistry, Chinese Academy of Sciences, Chengdu Institute of Organic Chemistry, No. 519, North Luxikou Road, Xinglong Street, Tianfu New Area, Sichuan</p>
                <p>Postal Code: 610299</p>
                <p>Phone: 028-85255007</p>
                <p>Email: hchx@cioc.ac.cn</p>
                <p>QQ: 3321627848</p>
              </div>
          </div>
          <div class="sitemapColumn col-md-4 col-sm-4 col-xs-12 related">
            <div class="relatedTop">
              <div class="title">Related Links</div>
              <i class="fa fa-plus faPlus" aria-hidden="true" style="display: none;"></i>
              <i class="fa fa-minus" aria-hidden="true"></i>
            </div>
            <div class="desc" id="descRelated">
                <p>
                  <a href="https://www.cocc.cn/" target="_blank">Chinese Academy of Sciences Chengdu Organic Chemistry Co., Ltd</a>
                </p>
                <p>
                  <a href="http://www.cdb.ac.cn/" target="_blank">Chinese Academy of Sciences Chengdu Branch</a>
                </p>
                <p>
                  <a href="https://www.cas.cn/" target="_blank">Chinese Academy of Sciences</a>
                </p>
                <p>
                  <a href="https://www.cnki.net/" target="_blank">CNKI</a>
                </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="footerBottom row">
      <div class="col-md-3 col-sm-4">
        <div class="imgLeft">
          <a href="mailto:hchx@cioc.ac.cn" target="_blank">
            <i class="fa fa-envelope-o" aria-hidden="true" style="color: white"></i>
          </a>
        </div>
      </div>
      <div class="col-md-9 col-sm-8">
          <div class="desc">
              Copyright © Editorial Board of Chinese Journal of Synthetic Chemistry
          </div>
      </div>
    </div>
  </div>
</div>
<script>
var lang = 'en_US';
function footerJump(url,target){
  window.open(url,target);
}
function reminderSwal () {
  swal("coming soon", "", "warning");
}
</script>
<link rel="stylesheet" href="/template/css/650ba1deb9294cde8d8e92839340150c_-1.css">
<link rel="stylesheet" type="text/css" href="/static/upgrade/css/footer.css">
<!-- 表单验证 -->
<link href="/css/bootstrapValidator.min.css" rel="stylesheet">
<script src="/js/bootstrapValidator.min.js"></script>
<!-- 富文本 -->
<script type="text/javascript">
var ctx = '';
</script>
<script src="/static-template/publisher/common/tinymce/tinymce.min.js"></script>
<script src="/static-template/publisher/common/js/tinymce-init.js"></script>
<div class="globalFooterBox">
    <!-- back to top -->
    <div class="backToTop clearfix" onclick="backTop()">
      <i class="fa fa-angle-up" aria-hidden="true"></i>
            <span class="hidden-xs hidden-sm top-text">BACK TO TOP</span>
            <span class="hidden-lg hidden-md top-text">TOP</span>
    </div>
    <div class="row">
        <div class="col-md-12">
            <p id="companyInfoCh"></p>
            <p id="companyInfoEn"></p>
        </div>
        <div class="col-md-12">
            <p id="registerInfos"></p>
        </div>
    </div>
</div>
<div class="modal fade" id="myFooterEditModal" tabindex="-1" role="dialog" aria-labelledby="myFooterModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-hidden="true">×</button>
                <h4 id="title" class="modal-title"></h4>
            </div>
            <form id="updateFooterForm" method="post" action="/publishers/submitFooterInfo" novalidate="novalidate" enctype="multipart/form-data">
                <div class="modal-body">
                    <!-- 公司信息英文 -->
                    <div class="form-group">
                        <label class="control-label">Company Info</label>
                        <input type="text" autocomplete="off" id="CompanyEnName" name="CompanyEnName" class="form-control">
                    </div>
                    <!-- 公司信息中文 -->
                    <div class="form-group">
                        <label class="control-label">Chinese Company Info</label>
                        <input type="text" autocomplete="off" id="CompanyChName" name="CompanyChName" class="form-control">
                    </div>
                    <!-- ICP备案 -->
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title">
                                Integrated Info
                            </h3>
                        </div>
                        <div class="panel-body">
                            <div class="form-group" id="IntegratedInfoDiv">
                                <textarea rows="3" class="form-control tinymce-textarea" id="IntegratedInfo" name="IntegratedInfo"></textarea>
                            </div>
                        </div>
                    </div>
                    <!--联网备案信息-->
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title">
                                Register System Info
                            </h3>
                        </div>
                        <div class="panel-body">
                            <div class="form-group" id="RegisterSystemInfoDiv">
                                <textarea rows="3" class="form-control tinymce-textarea" id="RegisterSystemInfo" name="RegisterSystemInfo"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button id="footer-submit-button" type="button"  class="btn btn-default">
                        Update
                    </button>
                </div>
            </form>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<script type="text/javascript">
$(function () {
    //Modal可见时触发
    $('#myFooterEditModal').on('shown.bs.modal', function() {
        footerFormValidator();
    });
    //Modal验证销毁重构
    $('#myFooterEditModal').on('hidden.bs.modal', function() {
        if($("#updateFooterForm").data('bootstrapValidator')!=undefined&&$("#updateFooterForm").data('bootstrapValidator')!=null){
            $("#updateFooterForm").data('bootstrapValidator').destroy();
            $('#updateFooterForm').data('bootstrapValidator',null);
        }
    });
    getFooterInfo();

    $("#footer-submit-button").on("click", function(){
        $("#updateFooterForm").data("bootstrapValidator").validate();
        if(!$("#updateFooterForm").data("bootstrapValidator").isValid()){
            return ;
        }
        document.getElementById("updateFooterForm").submit();
    });
    
    $(window).scroll(function () {
        var scrollTop = $(document).scrollTop()
        // back to top
        if (scrollTop >= 300) {
            $('.backToTop').addClass('back-to-top__is-visible back-to-top__fade-out')
        } else if (scrollTop >= 100) {
            $('.backToTop').addClass('back-to-top__is-visible')
        } else if (scrollTop < 100) {
            $('.backToTop').removeClass('back-to-top__is-visible back-to-top__fade-out')
        }
    })
});

function footerFormValidator() {
    $("#updateFooterForm").bootstrapValidator({
        feedbackIcons: { //根据验证结果显示的各种图标
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },fields: {
            CompanyEnName: {
                validators: {
                    notEmpty: {
                        message: 'You must enter'
                    }
                }
            },
            CompanyChName: {
                validators: {
                    notEmpty: {
                        message: 'You must enter'
                    }
                }
            },
        }
    });
}

function getFooterInfo() {
    var lang = 'en_US';
    var journalId = 'f9fb8cb710744848a0ae9942f48daef0';
    $.ajax({
        type: "POST",
        url: "/publishers/getFooterInfo",
        success: function (data) {
        	//c1ca05087017497f9e9f24ce4a44869a
        	if(journalId == 'c1ca05087017497f9e9f24ce4a44869a'){
        		data.integratedInfo = '<a href=\"https://beian.miit.gov.cn/#/Integrated/index\" target=\"_blank\">黔ICP备07002071号-7 </a>';
        		data.registerSystemInfo = '<img src=\"/img/beian.png\" /><a href=\"https://beian.mps.gov.cn/#/query/webSearch\" target=\"_blank\" style=\"color:#333333;\">贵公网安备52011502002747号</a>';
        	}
            $('#companyInfoCh').text(data.companyInfoCh);
            $('#companyInfoEn').text(data.companyInfoEn);
            if (lang == 'zh_CN') {
                //隐藏英文
                $('#companyInfoEn').css("display", "none");
            } else {
                $('#companyInfoCh').css("display", "none");
            }
            var info = data.integratedInfo + "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.registerSystemInfo;
            $('#registerInfos').html(info);
            //去除p标签
            //info = $($('#registerInfos').find("p")[0]).html() + "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + $($('#registerInfos').find("p")[1]).html();
            //$('#registerInfos').html(info);
        },
        error: function (message) {
            //swal(getTipData(1), "","error");
        }
    });
}

function openFooterModel() {
    //填充数据到编辑按钮
    $("#myFooterEditModal").modal("show");
    $.ajax({
        type: "POST",
        url: "/publishers/getFooterInfo",
        success: function (data) {
            $('#CompanyChName').val(data.companyInfoCh);
            $('#CompanyEnName').val(data.companyInfoEn);
            tinymce.get('IntegratedInfo').setContent("");
            tinymce.get('RegisterSystemInfo').setContent("");
            tinymce.get('IntegratedInfo').setContent(data.integratedInfo);
            tinymce.get('RegisterSystemInfo').setContent(data.registerSystemInfo);
        },
        error: function (message) {
            //swal(getTipData(1), "","error");
        }
    });
}

function backTop() {
    $('html, body').animate({ scrollTop: 0 });
}
</script>          </div>
        </div>
    </div>


    <!--新闻弹出框-->
    <div class="modal fade" id="addInstructionsModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">×</span>
            </button>
            <h4 class="modal-title" id="addInstructionsModalLabel">Update</h4>
          </div>
          <form id="addInstructionsForm" novalidate="novalidate" method="post">
            <input type="hidden" name="journalId" value="f9fb8cb710744848a0ae9942f48daef0">
            <input type="hidden" name="id" value="" id="newsId" />
            <div class="modal-body">
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h3 class="panel-title">Title</h3>
                </div>
                <div class="panel-body">
                  <div class="form-group">
                    English <span style="color:red">*</span>
                    <input class="form-control" type="input" value="" name="titleEn" id="titleEn" />
                    <span class="help-block"></span>
                  </div>
                  <div class="form-group">
                    Chinese <span style="color:red">*</span>
                    <input class="form-control" type="input" value="" name="titleZh" id="titleZh" />
                    <span class="help-block"></span>
                  </div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h3 class="panel-title">Author</h3>
                </div>
                <div class="panel-body">
                  English <span style="color:red">*</span>
                  <input class="form-control" type="input" value="" name="authorEn" id="authorEn" />
                  Chinese<span style="color:red">*</span>
                  <input class="form-control" type="input" value="" name="authorZh" id="authorZh" />
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h3 class="panel-title">Abstract</h3>
                </div>
                <div class="panel-body">
                  English
<textarea rows="3" name="abstractEn" id="abstractEn" class="form-control" style=""></textarea>
                  Chinese
<textarea rows="3" name="abstractZh" id="abstractZh" class="form-control" style=""></textarea>
                </div>
              </div>

              <div class="panel panel-default">
                <div class="panel-heading">
                  <h3 class="panel-title">Full text</h3>
                </div>
                <div class="panel-body">
                  English
<textarea rows="4" name="fulltextEn" id="fulltextEn" class="form-control tinymce-textarea" style="width: 100%; height: 300px;"></textarea>
                  Chinese
<textarea rows="4" name="fulltextZh" id="fulltextZh" class="form-control tinymce-textarea" style="width: 100%; height: 300px;"></textarea>
                </div>
              </div>

              <div class="panel panel-default">
                <div class="panel-heading">
                  <h3 class="panel-title">Release Rime <span style="color:red">*</span></h3>
                </div>
                <div class="panel-body form-group">
                  <input type="text" class="releseInput form-control releseCalendar"
                    placeholder="Select Time" name="releaseTime" id="releaseTime">
                </div>
              </div>

              <div class="panel panel-default">
                <div class="panel-heading">
                  <h3 class="panel-title">Outer chain</h3>
                </div>
                <div class="panel-body">
                  English
                  <input class="form-control" type="input" name="url" id="url" />
                </div>
              </div>

              <div class="panel panel-default">
                <div class="panel-heading">
                  <h3 class="panel-title">Choose file (
                    The Image size equal or less than 1MB )
                  </h3>
                </div>
                <div class="panel-body">
                  <div class="form-group">
                    <div class="uploadBtn uploadCover bgC4">Upload
                    </div>
                    <!-- <input type="hidden" id="coverpath" name="coverpath" /> -->
                    <span class="help-block"></span>

                    <img src="" alt="" class="img-rounded" id="coverPreview" style="height: 150px;margin-top: 10px;">
                    <input name="coverpath" type="file" class="file" id="coverpath" style="visibility: hidden;" />
                  </div>

                </div>
              </div>
            </div>
          </form>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary bgC4 " id="areaSelect"
              @click="newsSubmit()">Create</button>

          </div>
        </div>
      </div>
    </div>

    <!-- read more弹窗 -->
    <div class="modal fade" id="readMoreModal">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
              ×
            </button>
          </div>
          <div class="modal-body">
            <div class="leftBox">
              <img class="img" :src="'/img/issue/' + journal.coverPath"
                onerror="this.src='/images/cover/errorcover.png'" />
              <!-- <a class="text">Cover image</a> -->
            </div>
            <div class="rightBox">
                <div class="issue" v-if="lang=='en_US'">Volume 33,
                  Issue 2, 2025</div>
                <div class="issue" v-if="lang=='zh_CN'">2025,
                  第33Volume,
                  第2Issue</div>
                  <div class="issue" id="coverIssue"></div>
                  <div class="desc" v-if="lang=='zh_CN'"></div>
                  <div class="desc" v-if="lang=='en_US'"></div>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default downloadBtn" id="downloadHighQualityCoverButton"
              onclick="downloadHighQualityCover();">Cover image</button>
            <!-- <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> -->
            <span class="downloadHD">
              Click here to download the HD cover image
            </span>

            <button type="button" class="btn btn-default"
              onclick="closeJournalLargeCover();">Close</button>
          </div>
        </div>
      </div>
    </div>

    <!-- about the journal弹窗 -->
    <div class="modal fade" id="aboutJournalModal">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <form id="DescriptionEdit" method="post" enctype="multipart/form-data">
            <input type="hidden" id="introENId" name="IdEN" />
            <input type="hidden" id="introZhId" name="IdZH" />
            <input type="hidden" id="journalId" name="baseId">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                ×
              </button>
              <h4 class="modal-title font-bold">Update</h4>
            </div>
            <div class="modal-body">
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h3 class="panel-title font-bold">Abstract</h3>
                </div>
                <div class="panel-body">
                  <div class="form-group">
                    <label class="control-label font-bold">English</label>
<textarea rows="" name="introEN" id="introEN" class="form-control" style="min-height: 115px;"></textarea>
                  </div>
                  <div class="form-group">
                    <label class="control-label font-bold">Chinese</label>
<textarea rows="" name="introZh" id="introZh" class="form-control" style="min-height: 115px;"></textarea>
                  </div>
                </div>
              </div>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal"
                @click="closeModal()">Close</button>
              <button type="button" class="btn btn-primary"
                @click="updateDescription()">Submit</button>
            </div>
          </form>
        </div>
      </div>
    </div>


    <!-- 纸刊购买 提交 -->
    <div class="modal fade" id="paperJournalContentDialog" tabindex="-1" role="dialog"
      aria-labelledby="paperJournalModalLabel" aria-hidden="true">
      <form class="form-horizontal" role="form" id="paperFastBuyForm" action="/cart/paperFastBuy"
        method="post">
        <div class="modal-dialog" style="width: 40%;">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
              <h4 class="modal-title" id="paperJournalModalLabel">Selection issue</h4>
            </div>
            <div class="modal-body">
              <div class="panel-group" id="accordion">

              </div>
              <input name="type" value="" type="hidden" />
              <input name="productId" value="" type="hidden" />
              <input id="strYearsMap" name="strYearsMap" value="" type="hidden" />
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">
                Close</button>
              <button type="button" onclick="paperSubmitForm()" class="btn btn-default">
                Submit
              </button>
            </div>
          </div><!-- /.modal-content -->
        </div><!-- /.modal -->
      </form>
    </div>
    <!-- 模块2图片放大弹窗 -->
    <div class="modal fade" id="module2ImgModal" role="dialog">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close" @click="closeDialog()">
              <span aria-hidden="true">×</span>
            </button>
          </div>
          <div class="modal-body">
            <div class="imgBox">
              <img class="img" :src="pictureZoomUrl" />
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal" @click="closeDialog()">
              Close
            </button>
          </div>
        </div>
      </div>
    </div>
    <!-- 模块3新增弹窗 -->
    <div class="modal fade" id="module3Modal">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true" @click="closeModal()">×</button>
            <h4 class="modal-title" id="myModalLabel">{{addOrEdit}}</h4>
          </div>
          <form id="module3Form" method="post" enctype="multipart/form-data">
            <input type="hidden" id="journalId" name="pjId" value="f9fb8cb710744848a0ae9942f48daef0">
            <div class="modal-body">
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h3 class="panel-title">Title</h3>
                </div>
                <div class="panel-body">
                  <div class="form-group">
                    <select class="form-control" id="scrollId" name="articleBaseId"></select>
                  </div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h3 class="panel-title">选择图片（图片大小1MB）</h3>
                </div>
                <div class="panel-body">
                  <div class="form-group">
                    <div class="imgBox">
                      <img class="preview" style="width:200px;height: 200px;" src=""
                        onerror="this.src='/images/cover/errorcover.png'" />
                    </div>
                    <input type="file" name="file" @change="uploadImg(event)" />
                  </div>
                </div>
              </div>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal" @click="closeModal()">关闭</button>
              <button type="button" class="btn btn-primary" @click="submitModal3()">提交</button>
            </div>
          </form>
        </div>
      </div>
    </div>
    <!-- 模块3修改弹窗 -->
    <div class="modal fade" id="module3ModalUpdate">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true" @click="closeModal()">×</button>
            <h4 class="modal-title" id="myModalLabel">{{addOrEdit}}</h4>
          </div>
          <form id="module3UpdateForm" method="post" enctype="multipart/form-data">
            <input type="hidden" id="journalId" name="pjId" value="f9fb8cb710744848a0ae9942f48daef0">
            <input type="hidden" id="pRecommendArticlesId" name="id">
            <div class="modal-body">
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h3 class="panel-title">选择图片（图片大小1MB）</h3>
                </div>
                <div class="panel-body">
                  <div class="form-group">
                    <div class="imgBox">
                      <img class="preview" id="preview" style="width:200px;height: 200px;" src=""
                        onerror="this.src='/images/cover/errorcover.png'" />
                    </div>
                    <input type="file" name="file" @change="uploadImg(event)" />
                  </div>
                </div>
              </div>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal" @click="closeModal()">关闭</button>
              <button type="button" class="btn btn-primary" @click="submitModal3Update()">提交</button>
            </div>
          </form>
        </div>
      </div>
    </div>
    <!-- 右侧新增or编辑文本弹窗 -->
    <div class="modal fade bannerDialog" id="factorModal" role="dialog" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true" @click="closeModal()">×</button>
            <h4 class="modal-title" id="myModalLabel">Edit</h4>
          </div>
          <form id="impactFactorForm" class="formDialog impactFactorClass" method="post" novalidate="novalidate"
            enctype="multipart/form-data">
            <div class="modal-body">
              <div class="panel panel-default">
                <input id="impactFactorUrl" type="hidden" value="/sciPublisher/updateJournalImpactFactor">
                <div class="panel-body">
                  <input type="hidden" name="journalId" value="f9fb8cb710744848a0ae9942f48daef0" />
                  <div class="form-group score">
                    <label class="control-label">CiteScore</label>
                    <input class="form-control" id="citeScore" type="text" name="citeScore" value="" />
                  </div>
                  <div class="form-group factor">
                    <label class="control-label">Impact Factor</label>
                    <input class="form-control" id="impactFactor" type="text" name="impactFactor" value="" />
                  </div>
                  <!-- CSCD影响因子 -->
                  <div class="form-group cscdFactor">
                    <label class="control-label">{{lang == 'en_US' ? 'CSCD Impact Factor' : 'CSCD影响因子'}}</label>
                    <input class="form-control" id="cscdImpactFactor" type="text" name="cscdImpactFactor" value="" />
                  </div>
                </div>
              </div>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
              <button style="color:white" type="button" class="btn submitBtn btn-primary"
                id="impactFactorSubmitBtn">Submit</button>
            </div>
          </form>
        </div>
      </div>
    </div>

    <!-- 期刊置顶排序 -->
    <div class="modal fade" id="sortJournalModal" role="dialog" aria-hidden="true">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h4 class="modal-title">Sort</h4>
          </div>
          <form id="sortJournalForm" novalidate="novalidate" enctype="multipart/form-data">
            <div class="modal-body">
              <div class="panel panel-default">
                <div class="panel-heading">
                  Add new
                </div>
                <div class="panel-body">
                  <select id="selectTopJournal" class="form-control" style="width: 100%;">
                    <option v-for="item in allJournalList" :key="item.id" :value="item.baseId">{{item.title}}</option>
                  </select>
                </div>
                <div class="panel-footer" style="text-align: right;">
                  <button type="button" class="btn btn-default"
                    @click="addTopJournalSubmit()">Add new</button>
                </div>
              </div>
              <hr />
              <div class="panel panel-default">
                <div class="panel-heading">
                  Sort
                </div>
                <div class="panel-body" id="sortArea">
                  <div :data-id="item.baseId" v-for="item in topJournalList" :key="item.id">
                    <span v-text="item.title"></span>
                    <span><i aria-hidden="true" @click="deleteTopJournal(item)" class="fa fa-times"></i></span>
                  </div>
                </div>
                <div class="panel-footer" style="text-align: right;">
                  <button type="button" class="btn btn-default"
                    @click="sortJournalSubmit()">Save</button>
                </div>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>

  </div>
</body>
<script type="text/javascript" src="/js/jquery-3.0.0.min.js"></script>
<script src="/js/tinymce/tinymce.min.js"></script>
<script type="text/javascript">
  var ctx = '';
  NodeList.prototype.forEach = Array.prototype.forEach;
</script>
<script src="/js/tinymce-init.js" type="text/javascript"></script>
<script src="/static/upgrade/vue-2.5.20/vue.min.js"></script>
<script src="/static/upgrade/bootstrap-3.3.7/bootstrap.min.js"></script>
<script src="/static-template/js/bootstrap-datetimepicker.js"></script>
<script src="/sci-web/static-template/js/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="/js/bootstrapValidator.min.js"></script>
<script src="/static/select2/select2.min.js"></script>
<script src="/static/upgrade/swiper-7.4.1/swiper/swiper-bundle.min.js"></script>
<script src="/static/upgrade/sweetalert/sweetalert.min.js"></script>
<script src="/static/validate/jquery.validate.min.js"></script>
<script src="/static/validate/messages_zh.js"></script>
<script src="/static/select2/select2.min.js"></script>
<script type="application/javascript" src="/js/common/calculation.js"></script>
<script src="/js/sortable.min.js"></script>
<script>
  var sortable;
  function downloadHighQualityCover() {
    var slug = "abstracts";
    var prefix = "/img/issue/";
    if (slug == "browse") {
      // 出版目录页
      var coverPath = $("#journalHighQualityCoverPath").val();
      window.open(coverPath);
    } else {
      // 其它页
      var coverPath = "1909547621496651776";
      if (!coverPath) {
        coverPath = "1909547620322246656"
      }
      window.open(prefix + coverPath);
    }
  }
  function closeJournalLargeCover() {
    $("#readMoreModal").modal("hide");
  }

  var Vue = new Vue({
    el: '#journalGeneralHome',
    data: {
      modul4Flage: 'articalZt',
      fla: 'CJSC',
      ctxPath: '',
      id: 'f9fb8cb710744848a0ae9942f48daef0',
      baseFiguresUrl: '/figures/',
      specailCoverUrl: '/img/issue/',
      baseImgUrl: '/img/new/',
      lang: 'en_US',
      url2: '/doi/',
      baseArticleUrlInner: '/doi/',
      journal: '',
      includeLanguage: '',
      journalIndexed: '',
      onlineFirst: '',
      collectionArticleList: '',
      paperJournalTotalPrice: '',
      paperJournalMap: '',
      defaultId: '',
      volume: '',
      issue: '',
      currentPubYear: '',
      citeScore: '',
      impactFactor: '',
      cscdImpactFactor: '',
      rpublishList: '',
      justAccepted: [],
      currentIssue: '',
      currentIssueLoading: true,
      rpublishListLoading: true,
      justAcceptedLoading: true,
      mostReadLoading: true,
      mostReadList: [],
      mostCitedLoading: true,
      mostCitedList: [],
      editorRecommendLoading: true,
      editorRecommendList: [],
      pictureZoomUrl: '',//图片放大路径
      addOrEdit: '',
      isManager: false,
      clientWidthLabel: '',
      page: "news",
      pageCount: 0,
      curpage: 4,
      newsList: [],
      specialTopicsList: [],
      specialTopicLoading: true,
      collectionList: [],
      collectionListLoading: true,
      sort: 'default',
      codeStatus: true, //buy print是否显示变量
      relationJournalList: [], //相关期刊列表
      topJournalList: [],
      allJournalList: [],
      mostDownloadLoading: true,
      mostDownloadList: [], //下载排行列表数据
      contentList: [],
      tabType: 'dqq'
    },
    created: function () {
      this.isManager = false;
      this.collapse()
      this.initModal1()
      this.initModal2()
      this.initJustAccepted()
      this.initCurrentIssue()
      // this.initModalMostReadList()
      // this.initModalMostCitedList()
      this.initEditRecommend()
      // this.initpaperBuy()
      this.loadMostReadList()
      // this.loadMostCitedList()
      // this.loadEditorRecommendList()
      this.initNewsList();
      this.initJournalSpecialTopicInfo()
      this.loadCollectionList()
      this.loadJournalList();
      this.initAllJournalList();
      this.loadDownloadList()
      $('.searchBoxPc1').css('display', 'none')
      this.handleScreenWidth()
      window.addEventListener('resize', this.handleScreenWidth);
    },
    mounted: function () {
      // 模块5轮播初始化
      var swiperModule5 = new Swiper('.swiperModule5', {
        slidesPerView: 'auto',
        spaceBetween: 25,
        slidesPerGroup: 1,
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
        },
      })

      // popover初始化
      $('.ellipsis').popover({
        trigger: 'focus'
      })

      // 初始化select2
      $('#scrollId').select2({
        data: this.collectionArticleList,
        placeholder: '-----请选择-----',
        ajax: {
          url: "/collections/SelectArticlesNew",
          dataType: 'json',
          data: function (params) {
            return {
              keyword: params.term,
              page: params.page || 1,
              rows: 10
            };
          },
          processResults: function (data) {
            return {
              results: data.results
            };
          },
          cache: true
        },
        minimumInputLength: 1,
        width: '100%'
      });

    },
    methods: {
      // 获取浏览摘要数
      getAbstractNum: function (tabfor) {
        var self = this
        var url = '/restData/getArticleSingleActionNum?articleBaseId='
        if (tabfor === 'dqq') {
          self.currentIssue.forEach(function (item, index) {
            $.ajax({
              type: 'GET',
              url: url + item.baseId + '&action=abstract',
              success: function (res) {
                self.$set(item, 'abstractNum', res)
              }
            })
          })
        } else if (tabfor === 'ycb') {
          self.justAccepted.forEach(function (item, index) {
            $.ajax({
              type: 'GET',
              url: url + item.baseId + '&action=abstract',
              success: function (res) {
                self.$set(item, 'abstractNum', res)
              }
            })
          })
        } else if (tabfor === 'yxcb') {
          self.rpublishList.forEach(function (item, index) {
            $.ajax({
              type: 'GET',
              url: url + item.baseId + '&action=abstract',
              success: function (res) {
                self.$set(item, 'abstractNum', res)
              }
            })
          })
        } else if (tabfor === 'rdwz') {
          self.mostReadList.forEach(function (item, index) {
            $.ajax({
              type: 'GET',
              url: url + item.baseId + '&action=abstract',
              success: function (res) {
                self.$set(item, 'abstractNum', res)
              }
            })
          })
        } else if (tabfor === 'bjtj') {
          self.editorRecommendList.forEach(function (item, index) {
            $.ajax({
              type: 'GET',
              url: url + item.baseId + '&action=abstract',
              success: function (res) {
                self.$set(item, 'abstractNum', res)
              }
            })
          })
        }
      },
      // 获取浏览HTML数
      getHtmlNum: function (tabfor) {
        var self = this
        var url = '/restData/getArticleSingleActionNum?articleBaseId='
        if (tabfor === 'dqq') {
          self.currentIssue.forEach(function (item, index) {
            $.ajax({
              type: 'GET',
              url: url + item.baseId + '&action=fulltext',
              success: function (res) {
                self.$set(item, 'fulltextNum', res)
              }
            })
          })
        } else if (tabfor === 'ycb') {
          self.justAccepted.forEach(function (item, index) {
            $.ajax({
              type: 'GET',
              url: url + item.baseId + '&action=fulltext',
              success: function (res) {
                self.$set(item, 'fulltextNum', res)
              }
            })
          })
        } else if (tabfor === 'yxcb') {
          self.rpublishList.forEach(function (item, index) {
            $.ajax({
              type: 'GET',
              url: url + item.baseId + '&action=fulltext',
              success: function (res) {
                self.$set(item, 'fulltextNum', res)
              }
            })
          })
        } else if (tabfor === 'rdwz') {
          self.mostReadList.forEach(function (item, index) {
            $.ajax({
              type: 'GET',
              url: url + item.baseId + '&action=fulltext',
              success: function (res) {
                self.$set(item, 'fulltextNum', res)
              }
            })
          })
        } else if (tabfor === 'bjtj') {
          self.editorRecommendList.forEach(function (item, index) {
            $.ajax({
              type: 'GET',
              url: url + item.baseId + '&action=fulltext',
              success: function (res) {
                self.$set(item, 'fulltextNum', res)
              }
            })
          })
        }
      },
      // 获取下载数
      getDownloadNum: function (tabfor) {
        var self = this
        var url = '/restData/getArticleDownloadNum?articleBaseId='
        if (tabfor === 'dqq') {
          self.currentIssue.forEach(function (item, index) {
            $.ajax({
              type: 'GET',
              url: url + item.baseId,
              success: function (res) {
                self.$set(item, 'downloadNum', res)
              }
            })
          })
        } else if (tabfor === 'ycb') {
          self.justAccepted.forEach(function (item, index) {
            $.ajax({
              type: 'GET',
              url: url + item.baseId,
              success: function (res) {
                self.$set(item, 'downloadNum', res)
              }
            })
          })
        } else if (tabfor === 'yxcb') {
          self.rpublishList.forEach(function (item, index) {
            $.ajax({
              type: 'GET',
              url: url + item.baseId,
              success: function (res) {
                self.$set(item, 'downloadNum', res)
              }
            })
          })
        } else if (tabfor === 'rdwz') {
          self.mostReadList.forEach(function (item, index) {
            $.ajax({
              type: 'GET',
              url: url + item.baseId,
              success: function (res) {
                self.$set(item, 'downloadNum', res)
              }
            })
          })
        } else if (tabfor === 'bjtj') {
          self.editorRecommendList.forEach(function (item, index) {
            $.ajax({
              type: 'GET',
              url: url + item.baseId,
              success: function (res) {
                self.$set(item, 'downloadNum', res)
              }
            })
          })
        }
      },
      tabFun(name) {
        this.tabType = name
      },
      qkjjTo() {
        window.open("/CJSC/aboutus", "_self");
      },
      modul4Open() {
        if (this.modul4Flage === 'articalZt') {
          window.open("/publisher/zhongkeqikan/journal/CJSC?slug=specialTopics", "_blank");
        }
        if (this.modul4Flage === 'articalWzj') {
          window.open("/publisher/zhongkeqikan/journal/CJSC?slug=collections", "_blank");
        }
      },
      handleScreenWidth() {
        if (window.innerWidth < 1000) {
          if (this.lang == 'en_US') {
            $('.module3-out').css('width', '790px')
            $('.module4Tabs-out').css('width', '370px')
          } else {
            $('.module3-out').css('width', '525px')
            $('.module4Tabs-out').css('width', '100%')
          }
        } else {
          if (this.lang == 'en_US') {
            $('.module3-out').css('width', '100%')
            $('.module4Tabs-out').css('width', '100%')
          } else {
            $('.module3-out').css('width', '100%')
            $('.module4Tabs-out').css('width', '100%')
          }
        }
        if (window.innerWidth > 1100 && window.innerWidth < 1200) {
          if (this.lang == 'en_US') {
            $('.module3Tab').css('marginRight', '5px')
          } else {
            $('.module3Tab').css('marginRight', '22px')
          }
        } else {
          $('.module3Tab').css('marginRight', '22px')
        }
      },
      timestampToDate(timestamp) {
        const date = new Date(timestamp); // 将时间戳转换为Date对象
        const year = date.getFullYear(); // 获取年份
        const month = (date.getMonth() + 1).toString().padStart(2, '0'); // 获取月份并补零
        const day = date.getDate().toString().padStart(2, '0'); // 获取日期并补零
        return (year + '-' + month + '-' + day) // 拼接字符串返回
      },
      tabXxk(flage) {
        this.modul4Flage = flage
      },
      downIndex(index) {
        return '0' + (index + 1)
      },
      mostDownloadListMore() {
        window.open("/CJSC/download-rank");
      },
      // 下载排行初始化接口
      loadDownloadList() {
        var self = this
        self.mostDownloadLoading = true
        $.ajax({
          type: 'GET',
          url: '/restDownload/ranking/' + self.id + '?pageNo=0&pageSize=4',
          success: function (res) {
            self.mostDownloadList = res.list.slice(0, 9)
            self.mostDownloadLoading = false
            // 方程过滤
            MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
          }
        })
      },
      titleText: function titleText(text) {
        text = htmlToText(text);
        return text;
      },
      aboutAuthor: function aboutAuthor(event, authorList) {
        var array = []
        var list = authorList
        list.forEach(function (item, index) {
          array.push(item.name)
        })
        var content = array.join(', ')
        $('.aboutAuthorConetnt').html(content);
      },
      initModal1: function initModal1() {
        var self = this;
        $.ajax({
          type: "POST",
          url: "/sciPublisher/zhongkeqikan/journal/CJSC?slug=abstracts",
          data: {

          },
          success: function success(result) {
            self.journal = result.journal;
            self.journalIndexed = result.journal.journalIndexed;
            self.volume = result.volume;
            self.issue = result.issue;
            self.citeScore = result.citeScore;
            self.impactFactor = result.impactFactor;
            self.cscdImpactFactor = result.cscdImpactFactor
            // 谷歌优化meta
            $("meta[property='og:description']").attr('content', self.journal.intro);

            //初始化影响因子弹出框
            if (result.impactFactor != null && result.impactFactor != '' && result.impactFactor != undefined) {
              $("#impactFactor").val(result.impactFactor);
            }
            if (result.citeScore != null && result.citeScore != '' && result.citeScore != undefined) {
              $("#citeScore").val(result.citeScore);
            }
            if (result.cscdImpactFactor != null && result.cscdImpactFactor != '' && result.cscdImpactFactor != undefined) {
              $("#cscdImpactFactor").val(result.cscdImpactFactor);
            }

            //处理收录语种---------------start
            var num = result.journal.includeLanguage;
            if (self.lang == 'en_US') {
              if (num == "1") {
                self.includeLanguage = "English";
              } else if (num == "2") {
                self.includeLanguage = "Chinese";
              }
              else if (num == "3") {
                self.includeLanguage = "English Chinese";
              }
            } else {
              if (num == "1") {
                self.includeLanguage = "英文";
              } else if (num == "2") {
                self.includeLanguage = "中文";
              }
              else if (num == "3") {
                self.includeLanguage = "中文 英文";
              }
            }
            //处理收录语种---------------end

            // setTimeout(function () {
            //   Vue.resetLoad();
            //     }, 500);

            // 判断buy print是否显示
            var journalCode = result.journal.cResourceType.code
            if (journalCode === 'OA') {
              self.codeStatus = false
            }
          }
        });
      },
      initModal2: function initModal2() {
        var self = this;
        $.ajax({
          type: "POST",
          url: '/publish/selectSingle?id=' + self.id + '&indexNum=9',

          // 请求数据地址
          success: function success(result) {
            if (result.rpublishList.length > 6) {
              self.rpublishList = result.rpublishList.slice(0, 6);
            } else {
              self.rpublishList = result.rpublishList
            }
            // 因为不同接口数据格式不同，这里的姓名要单独处理一下 真的wy
            self.rpublishList.map((item, index) => {
              if (self.lang == "zh_CN") {
                item.authorStr = item.fullname_cn.join() || ''
                item.intro = item.intro_cn
              } else {
                item.authorStr = item.fullname_en.join() || ''
                item.intro = item.intro_en
              }
            })
            if (self.rpublishList.length === 0) {
              $('.latestOnline').hide()
              $('.currentIssue').addClass('active borderC2')
              $('.forcurrentIssue').show()
            }
            self.getDownloadNum('yxcb');
            self.getAbstractNum('yxcb');
            self.getHtmlNum('yxcb');
            self.rpublishListLoading = false;
            // 方程过滤
            MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
            self.$nextTick(function () {
              $('.ellipsis').popover({
                trigger: 'focus'
              })
              // 后台返回的italic标签增加斜体样式
              $('italic').attr('style', 'font-style: italic')
            })
          }
        });
      },
      initJustAccepted: function initJustAccepted() {
        var self = this;
        $.ajax({
          type: "POST",
          url: '/publish/justAccepted?id=' + self.id,

          // 请求数据地址
          success: function success(result) {
            if (result.rpublishList.length > 6) {
              self.justAccepted = result.rpublishList.slice(0, 6);
            } else {
              self.justAccepted = result.rpublishList
            }
            // 因为不同接口数据格式不同，这里的姓名要单独处理一下 真的wy
            self.justAccepted.map((item, index) => {
              if (self.lang == "zh_CN") {
                item.authorStr = item.fullname_cn.join() || ''
              } else {
                item.authorStr = item.fullname_en.join() || ''
              }
            })
            if (self.justAccepted.length === 0) {
              $('.latestAccepted').hide()
              $('.currentIssue').addClass('active borderC2')
              $('.forcurrentIssue').show()
            }
            self.getDownloadNum('ycb');
            self.getAbstractNum('ycb');
            self.getHtmlNum('ycb');
            self.justAcceptedLoading = false;
            // 方程过滤
            MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
            self.$nextTick(function () {
              $('.ellipsis').popover({
                trigger: 'focus'
              })
              // 后台返回的italic标签增加斜体样式
              $('italic').attr('style', 'font-style: italic')
            })
          }
        });
      },
      initCurrentIssue: function initCurrentIssue() {
        var self = this;
        $.ajax({
          type: "POST",
          url: '/sciPublisher/journalDetailCurrentIssue?pageNo=1&pageSize=6&journalBaseId=' + self.id,
          // 请求数据地址
          success: function success(result) {
            if (result.length > 6) {
              self.currentIssue = result.slice(0, 6);
            } else {
              self.currentIssue = result;
            }
            self.currentIssueLoading = false;
            // 方程过滤
            MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
            self.$nextTick(function () {
              // popover初始化
              $('.ellipsis').popover({ trigger: 'focus' })
              // 后台返回的italic标签增加斜体样式
              $('italic').attr('style', 'font-style: italic')
            })
            // 兼容ie省略号
            if (window.navigator.userAgent.indexOf("Trident") > -1) { //ie浏览器
              self.$nextTick(function () {
                var lineHeight = parseFloat($('.module2Box .forcurrentIssue .depict').css('line-height'))
                var box = document.querySelectorAll('.module2Box .forcurrentIssue .depict')
                box.forEach(function (item, index) {
                  if ($(item).height() > lineHeight * 3) {
                    $(document.querySelectorAll('.module2Box .forcurrentIssue .depict')[index]).css('height', (lineHeight * 3) + 'px')
                    $(document.querySelectorAll('.module2Box .forcurrentIssue .depict')[index]).find('.ellipsisIe').css('display', 'block')
                  }
                })
              })
            }
            self.getDownloadNum('dqq');
            self.getAbstractNum('dqq');
            self.getHtmlNum('dqq');
            self.loadCheckMulu();
          }
        });
      },
      loadMostReadList: function loadMostReadList() {
        var self = this;
        $.ajax({
          url: '/sciMostRead/getMorePjMostRead?start=0&end=19&sort=' + self.sort + '&pjId=' + self.id,
          // url: '/sciPublisher/mostReadList?pageNo=1&pageSize=6&journalBaseId=' + self.id,
          // 请求数据地址
          success: function success(result) {
            self.loadMostCitedList()
            if (result.pArticleList.length > 6) {
              self.mostReadList = result.pArticleList.slice(0, 6);
            } else {
              self.mostReadList = result.pArticleList;
            }
            self.getDownloadNum('rdwz');
            self.getAbstractNum('rdwz');
            self.getHtmlNum('rdwz');
            self.mostReadLoading = false;
            // 方程过滤
            MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
            // if (self.mostReadList.length === 0) {
            //   $('#module3TabMostRead').remove()
            //   $('.module3Box .formostRead').remove()
            // }
            self.$nextTick(function () {
              $('.ellipsis').popover({//作者气泡初始化
                trigger: 'focus'
              });
              // 后台返回的italic标签增加斜体样式
              $('italic').attr('style', 'font-style: italic')
              // 兼容ie省略号
              if (window.navigator.userAgent.indexOf("Trident") > -1) {//ie浏览器
                setTimeout(function () {
                  var lineHeight = parseFloat($('.module3Box .formostRead .detailedDesc').css('line-height'))
                  var box = document.querySelectorAll('.module3Box .formostRead .detailedDesc')
                  // console.log(box)
                  box.forEach(function (item, index) {
                    // console.log($(item).height())
                    if ($(item).height() > lineHeight * 3) {
                      // console.log('大于')
                      $(document.querySelectorAll('.module3Box .formostRead .detailedDesc')[index]).css('height', (lineHeight * 3) + 'px')
                      $(document.querySelectorAll('.module3Box .formostRead .detailedDesc')[index]).find('.ellipsisIe').css('display', 'block')
                    }
                  })
                }, 1000)
              }
            })
          }
        });
      },
      loadMostCitedList: function loadMostCitedList() {
        var self = this;
        $.ajax({
          url: '/sciMostCited/getMorePjMostCited?start=0&end=20&sort=' + self.sort + '&pjId=' + self.id,
          // url: '/sciPublisher/mostCitedList?pageNo=1&pageSize=6&journalBaseId=' + self.id,
          success: function success(result) {
            self.loadEditorRecommendList()
            if (result.pArticleList.length > 6) {
              self.mostCitedList = result.pArticleList.slice(0, 6);
            } else {
              self.mostCitedList = result.pArticleList;
            }
            self.mostCitedLoading = false;
            // 方程过滤
            MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
            if (self.mostCitedList.length === 0) {
              $('#module3TabMostCited').remove()
              $('.module3Box .formostCited').remove()
            }
            self.$nextTick(function () {
              $('.ellipsis').popover({//作者气泡初始化
                trigger: 'focus'
              });
              // 后台返回的italic标签增加斜体样式
              $('italic').attr('style', 'font-style: italic')
              // 兼容ie省略号
              if (window.navigator.userAgent.indexOf("Trident") > -1) {//ie浏览器
                var lineHeight = parseFloat($('.module3Box .formostCited .detailedDesc').css('line-height'))
                var box = document.querySelectorAll('.module3Box .formostCited .detailedDesc')
                box.forEach(function (item, index) {
                  if ($(item).height() > lineHeight * 3) {
                    $(document.querySelectorAll('.module3Box .formostCited .detailedDesc')[index]).css('height', (lineHeight * 3) + 'px')
                    $(document.querySelectorAll('.module3Box .formostCited .detailedDesc')[index]).find('.ellipsisIe').css('display', 'block')
                  }
                })
              }
            })
          }
        });
      },
      loadEditorRecommendList: function loadEditorRecommendList() {
        var self = this;
        $.ajax({
          url: '/sciPublisher/getPjEditRecommend',
          data: {
            "pjId": self.id,
            "amount": 6
          },
          // 请求数据地址
          success: function success(result) {
            if (result.length > 6) {
              self.editorRecommendList = result.slice(0, 6);
            } else {
              self.editorRecommendList = result;
            }
            self.getDownloadNum('bjtj');
            self.getAbstractNum('bjtj');
            self.getHtmlNum('bjtj');
            self.editorRecommendLoading = false;
            // 方程过滤
            MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
            self.$nextTick(function () {
              if (!self.isManager) {
                // setTimeout(function () {
                //   if ((self.editorRecommendList && self.editorRecommendList.length === 0) && (self.mostCitedList && self.mostCitedList.length === 0) && (self.mostReadList && self.mostReadList.length === 0)) {
                //     $('.module3Box').remove()
                //   }
                // }, 1000)
              }
              $('.ellipsis').popover({//作者气泡初始化
                trigger: 'focus'
              });
              // 后台返回的italic标签增加斜体样式
              $('italic').attr('style', 'font-style: italic')
              // 兼容ie省略号 
              if (window.navigator.userAgent.indexOf("Trident") > -1) {
                var lineHeight = parseFloat($('.module3Box .foreditorRecommend .detailedDesc').css('line-height'))
                var box = document.querySelectorAll('.module3Box .foreditorRecommend .detailedDesc')
                box.forEach(function (item, index) {
                  if ($(item).height() > lineHeight * 3) {
                    $(document.querySelectorAll('.module3Box .foreditorRecommend .detailedDesc')[index]).css('height', (lineHeight * 3) + 'px')
                    $(document.querySelectorAll('.module3Box .foreditorRecommend .detailedDesc')[index]).find('.ellipsisIe').css('display', 'block')
                  }
                })
              }
            })
          }
        });
      },
      initModalMostReadList: function initModalMostReadList() {
        var self = this;
        $.ajax({
          type: "POST",
          url: '/sciPublisher/getPjMostRead?start=0&end=6&isLatest=1&pjId=' + self.id,
          data: {
            "fla": "CJSC",
            "abbreviated": "zhongkeqikan",
          },

          // 请求数据地址
          success: function success(result) {
            self.MostReadList = result;
            // 方程过滤
            MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
            self.$nextTick(function () {
              // 后台返回的italic标签增加斜体样式
              $('italic').attr('style', 'font-style: italic')
            })
          }
        });
      },
      initModalMostCitedList: function initModalMostCitedList() {
        var self = this;
        $.ajax({
          type: "POST",
          url: '/sciPublisher/getPjMostCited?start=0&end=6&isLatest=1&pjId=' + self.id,
          data: {
            "fla": "CJSC",
            "abbreviated": "zhongkeqikan",
          },

          // 请求数据地址
          success: function success(result) {
            self.MostCitedList = result;
            // 方程过滤
            MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
            self.$nextTick(function () {
              // 后台返回的italic标签增加斜体样式
              $('italic').attr('style', 'font-style: italic')
            })
          }
        });
      },
      initEditRecommend() {
        var self = this;
        $.ajax({
          type: "POST",
          url: '/sciPublisher/getPjEditRecommend?amount=5&pjId=' + self.id,
          data: {

          },

          // 请求数据地址
          success: function success(result) {
            self.EditRecommendList = result.journalDetailArticleListDtoList;
            // 方程过滤
            MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
            self.$nextTick(function () {
              // 后台返回的italic标签增加斜体样式
              $('italic').attr('style', 'font-style: italic')
            })
          }
        });
      },
      initNewsList: function initNewsList() {
        var self = this;
        $.ajax({
          type: "POST",
          url: "/sciPublisher/selectNewsList",
          data: {
            "journalId": self.id,
            "page": self.page,
            "pageCount": self.pageCount,
            "curpage": self.curpage
          },
          success: function success(result) {
            if (result.newsList.length > 4) {
              self.newsList = result.newsList.slice(0, 4);
            } else {
              self.newsList = result.newsList;
            }
            self.total = result.total;
            // 方程过滤
            MathJax.Hub.Queue(["Typeset", MathJax.Hub]);

            if (self.total == 0 || self.total == '') {
              $('.noFind').css('display', 'block');
            } else {
              $('.noFind').css('display', 'none');
            }

            if (self.newsList.length < self.total) {
              self.showMore = true;
            } else {
              self.showMore = false;
            }
          }
        });
      },
      // 初始化期刊下专题信息
      initJournalSpecialTopicInfo: function initJournalSpecialTopicInfo() {
        let self = this;
        self.isSearch = "false";
        let journalBaseId = "f9fb8cb710744848a0ae9942f48daef0";
        $.ajax({
          type: "POST",
          url: '/rest/v4/heading/selectListPage',
          data: {
            "journalId": self.id,
            "curpage": 0,
            "pageCount": 3,
            "title": '',
            "volume": '',
            "issue": '',
            "headingType": 1,
            "subSite": '',
          },
          success: function (result) {
            self.specialTopicLoading = false;
            if (result.list.length > 0) {
              self.specialTopicsList = result.list;
              self.currentPubYear = result[0].pubYear;
              // 方程过滤
              MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
            }
          }
        });
      },
      loadCollectionList: function loadCollectionList() {
        var self = this;
        $.ajax({
          url: '/sciPublisher/collectionList?limit=4&journalBaseId=' + self.id,
          // 请求数据地址
          success: function success(result) {
            self.collectionList = result.slice(0, 6);
            self.collectionListLoading = false;
            // 方程过滤
            MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
            // 初始化轮播图
            self.$nextTick(function () {
              var swiperModule4 = new Swiper('.swiperModule4', {
                slidesPerView: 'auto',
                spaceBetween: 25,
                slidesPerGroup: 1,
                navigation: {
                  nextEl: ".swiper-button-next",
                  prevEl: ".swiper-button-prev",
                },
              })
            })
          }
        });
      },

      loadJournalList: function () {
        var self = this
        $.ajax({
          url: '/restRelatedThemeJournal/selectRelatedJournal?journalId=f9fb8cb710744848a0ae9942f48daef0&limit=6',
          type: 'GET',
          success: function (res) {
            self.relationJournalList = res
            self.$nextTick(function () {
              self.initJournalMask();
            });
          }
        })
      },
      initJournalMask: function () {
        // 模块5显示蒙层
        $(".module6Box .img").mouseover(function () {
          $(this).siblings('.mask').show()
        });
        $(".module6Box .img").mouseout(function () {
          $(this).siblings('.mask').hide()
        });
      },
      initAllJournalList: function () {
        let self = this;
        $.ajax({
          url: '/platformRestHome/selectAllJournal',
          success: function success(result) {
            self.allJournalList = result;
            var topJournalSelect = $("#selectTopJournal").select2({});
          }
        });
      },
      initTopJournalList: function () {
        let self = this;
        this.topJournalList = [];
        $.ajax({
          url: '/restRelatedThemeJournal/selectTopJournal?journalId=f9fb8cb710744848a0ae9942f48daef0',
          // 请求数据地址
          success: function success(result) {
            self.topJournalList = result;
            //获取对象
            var el = document.getElementById('sortArea');
            //设置配置
            var ops = {
              animation: 1000,
              //拖动结束
              onEnd: function (evt) {
                console.log(evt);
              },
            };
            //初始化
            sortable = Sortable.create(el, ops);
          }
        });
      },
      toJournal: function (item) {
        window.open("/publisher/" + item.publisher.abbreviated + "/journal/" + item.fla + "?slug=abstracts", "_blank");
      },
      openSortJournalModal: function () {
        let self = this;
        this.topJournalList = [];
        $.ajax({
          url: '/restRelatedThemeJournal/selectTopJournal?journalId=f9fb8cb710744848a0ae9942f48daef0',
          // 请求数据地址
          success: function success(result) {
            self.topJournalList = result;
            //获取对象
            var el = document.getElementById('sortArea');
            //设置配置
            var ops = {
              animation: 1000,
              //拖动结束
              onEnd: function (evt) {
                console.log(evt);
                //获取拖动后的排序
                //var arr = sortable.toArray();
              },
            };
            //初始化
            sortable = Sortable.create(el, ops);
            $("#sortJournalModal").modal("show");
          }
        });
      },
      addTopJournalSubmit: function () {
        let self = this;
        let id = $("#selectTopJournal").val();
        let exist = false;
        if (this.topJournalList != null) {
          $.each(this.topJournalList, function (index, item) {
            if (item.baseId == id) {
              exist = true;
              return false;
            }
          });
        }

        if (exist) {
          swal({
            icon: 'warning',
            title: 'Do not add repeatedly',
            showConfirmButton: true
          });
          return;
        }

        $.ajax({
          url: '/restRelatedThemeJournal/insertTopJournal',
          data: {
            journalId: 'f9fb8cb710744848a0ae9942f48daef0',
            relatedJournalId: id,
            SHAREJSESSIONID: ''
          },
          success: function success(result) {
            if (result == "success") {
              swal({
                icon: 'success',
                title: 'Add success',
                showConfirmButton: true
              });
              self.initTopJournalList();
              self.loadJournalList();
            } else {
              swal({
                icon: 'error',
                title: 'Operate Fail',
                showConfirmButton: true
              });
            }

          }
        });
      },
      deleteTopJournal: function (item) {
        let id = item.baseId;
        let self = this;
        swal('Confirm Delete', "", "warning", {
          buttons: {
            cancel: {
              text: 'Cancel',
              value: null,
              visible: true,
              className: "",
              closeModal: true,
            },
            confirm: {
              text: 'Confirm',
              value: 'confirm',
              closeModal: false
            },
          }
        }).then(function (value) {
          switch (value) {
            case "confirm":
              $.ajax({
                url: '/restRelatedThemeJournal/deleteTopJournal',
                data: {
                  journalId: 'f9fb8cb710744848a0ae9942f48daef0',
                  relatedJournalId: id,
                  SHAREJSESSIONID: ''
                },
                success: function success(result) {
                  if (result == "success") {
                    swal({
                      icon: 'success',
                      title: 'Operate Success',
                      showConfirmButton: true
                    });
                    self.initTopJournalList();
                    self.loadJournalList();
                  } else {
                    swal({
                      icon: 'error',
                      title: 'Operate Fail',
                      showConfirmButton: true
                    });
                  }

                }
              });

              break;
          }
        });
      },
      sortJournalSubmit: function () {
        var arr = sortable.toArray();
        let self = this;
        swal('Confirm Save', "", "warning", {
          buttons: {
            cancel: {
              text: 'Cancel',
              value: null,
              visible: true,
              className: "",
              closeModal: true,
            },
            confirm: {
              text: 'Confirm',
              value: 'confirm',
              closeModal: false
            },
          }
        }).then(function (value) {
          switch (value) {
            case "confirm":
              $.ajax({
                type: 'POST',
                url: '/restRelatedThemeJournal/updateTopJournal',
                data: {
                  journalId: 'f9fb8cb710744848a0ae9942f48daef0',
                  ids: JSON.stringify(arr)
                },
                success: function success(result) {
                  if (result == "success") {
                    swal({
                      icon: 'success',
                      title: 'Operate Success',
                      showConfirmButton: true
                    });
                    self.initTopJournalList();
                    self.loadJournalList();
                    $("#sortJournalModal").modal("hide");
                  } else {
                    swal({
                      icon: 'error',
                      title: 'Operate Fail',
                      showConfirmButton: true
                    });
                  }

                }
              });

              break;
          }
        });
      },
      // initpaperBuy: function initpaperBuy() {
      //   var self = this;
      //   $.ajax({
      //     type: "POST",
      //     url: '/sciPublisher/getPaperJournalMap?baseId=' + self.id,
      //     data: {

      //     },
      //     // 请求数据地址
      //     success: function success(result) {
      //       self.paperJournalTotalPrice = result.paperJournalTotalPrice;
      //       self.paperJournalMap = result.paperJournalMap;
      //       self.defaultId = result.defaultId;

      //     }
      //   });
      // },
      // 当前期下载PDF
      currentDownloadPDF: function (item) {
        var self = this;
        var id = item.id;
        var status = item.buyStatus;
        var storage = window.localStorage;
        var ip = storage.getItem("ipInfo");
        if (status) {
          window.open("/doi/pdf/" + id + "?ipInfo=" + ip);
        } else {
          self.readOnline(item);
        }
      },

      //下载pdf
      downloadPDF: function downloadPDF(item) {
        var self = this;
        var status = item.buyStatus;
        if (status) {
          $.ajax({
            async: false,
            type: "POST",
            url: "/doi/selectIdByBaseIdAndLa",
            data: {
              "baseId": item.id
            },
            success: function success(data) {
              var storage = window.localStorage; //拼接url

              var ip = storage.getItem("ipInfo");
              window.open("/doi/pdf/" + data + "?ipInfo=" + ip);
            }
          });
        } else {
          self.readOnline(item);
        }
      },
      // 在线阅读
      readOnline: function readOnline(item) {
        // let doi = listItem.doi;
        window.open("/doi/" + item.doi);
      },
      shoppingUrl: function readOnline(item) {
        let self = this;
        window.open(self.baseArticleUrlInner + item.doi);


      },
      newsDetail: function newsDetail(item) {
        var specialId = item.id; // let fla = "CJSC";
        // let url = "/viewPageDetail/journalSpecialTopicArticles?fla=" + fla + "&specialId=" + specialId;

        if (item.url != '') {
          //跳转到外部网站
          window.open(item.url, "_blank");
        } else {
          window.open('/CJSC/newsDetails?slug=newsDetails&abbreviated=zhongkeqikan&specialId=' + item.id, "_blank");
        }
      },

      editModal: function editModal(item) {
        var self = this;
        $("#newsId").val(item.id);
        $("#titleEn").val(item.titleEn);
        $("#titleZh").val(item.titleZh);
        $("#authorEn").val(item.authorEn);
        $("#authorZh").val(item.authorZh);
        $("#abstractEn").val(item.abstractEn);
        $("#abstractZh").val(item.abstractZh);
        $("#url").val(item.url);

        if (item.fulltextEn != undefined && item.fulltextEn != null) {
          tinymce.get('fulltextEn').setContent(item.fulltextEn);
        }

        if (item.fulltextZh != undefined && item.fulltextZh != null) {
          tinymce.get('fulltextZh').setContent(item.fulltextZh);
        }

        var time = self.timetype(item.releaseTime);
        $("#releaseTime").val(time); // $("#releaseTime").val(new Date(item.releaseTime).format("yyyy-MM-dd hh:ii:ss"));

        $("#coverPreview").attr("src", this.baseImgUrl + item.coverPath); // $("#coverpath").val(item.coverpath);

        $("label.error").each(function () {
          $(this).remove();
        });
        this.editModalTitle = 'Update'; //重新校验规则

        $('#addInstructionsModal').modal({
          backdrop: "static",
          show: true
        });
      },
      deleteModal: function deleteModal(item) {
        var self = this;
        swal('Confirm Delete', "", "warning", {
          buttons: {
            cancel: {
              text: 'Cancel',
              value: null,
              visible: true,
              className: "",
              closeModal: true
            },
            confirm: {
              text: 'Confirm',
              value: 'confirm',
              closeModal: false
            }
          }
        }).then(function (value) {
          switch (value) {
            case "confirm":
              $.ajax({
                url: '/news/deleteNews',
                data: {
                  "id": item.id
                },
                // 请求数据地址
                success: function success(result) {
                  if (result != null && result == "success") {
                    swal({
                      icon: 'success',
                      title: 'Operate Success',
                      showConfirmButton: true
                    });
                    window.location.reload(true);
                  }
                }
              });
              break;
          }
        });
      },
      newsSubmit: function newsSubmit() {
        tinyMCE.triggerSave();
        var areaSelect = $('#areaSelect');

        if (!$("#addInstructionsForm").valid()) {
          swal({
            icon: "warning",
            title: 'Please Check Input',
            confirmButtonColor: "#DD6B55"
          });
          return;
        }

        areaSelect.attr("disabled", "disabled");
        setTimeout(function () {
          var EditorialBoardMemberFormData = new FormData($("#addInstructionsForm")[0]);
          $.ajax({
            type: "POST",
            url: "/news/UpdateNewCenterAdd",
            data: EditorialBoardMemberFormData,
            async: false,
            cache: false,
            processData: false,
            contentType: false,
            success: function success(data) {
              // areaSelect.removeAttr("disabled");  
              window.location.reload(true);
            }
          });
        }, 500);
      },
      addListenForModule3: function addListenForModule3() {
        console.log('cscsscsc')
        var module3tabs = document.querySelectorAll('.module3Tab');

        if (module3tabs != null && module3tabs.length > 0) {
          //第一个激活
          this.$nextTick(function () {
            module3tabs[0].classList.add('active', 'borderC2');
          })
        }

        var module3ContentBoxs = document.querySelectorAll('.module3ContentBox');

        if (module3ContentBoxs != null && module3ContentBoxs.length > 0) {
          //第一个显示
          module3ContentBoxs[0].style.display = '';
        } // 模板3tab切换
        module3tabs.forEach(function (item, index) {
          module3tabs[index].onclick = function () {
            // 如果是编辑推荐 隐藏更多按钮
            if (module3tabs[index].getAttribute('tabfor') === 'editorRecommend') {
              $('.modul2More').css('display', 'none')
            } else {
              $('.modul2More').css('display', 'block')
            }
            module3tabs.forEach(function (prop, i) {
              module3tabs[i].classList.remove('active');
              module3tabs[i].classList.remove('borderC2');
              var name = 'for' + module3tabs[i].getAttribute('tabfor');
              console.log(document.getElementsByClassName(name))
              document.getElementsByClassName(name)[0].style.display = "none";
            });
            module3tabs[index].classList.add('active');
            module3tabs[index].classList.add('borderC2');
            var name = 'for' + module3tabs[index].getAttribute('tabfor');
            document.getElementsByClassName(name)[0].style.display = '';

            // 兼容ie省略号
            if (window.navigator.userAgent.indexOf("Trident") > -1) { //ie浏览器
              console.log('ie')
              var lineHeight = parseFloat($('.module3Box .formostCited .detailedDesc').css('line-height'))
              console.log('lineHeight', lineHeight)
              var box = document.querySelectorAll('.module3Box .formostCited .detailedDesc')
              box.forEach(function (item, index) {
                console.log('height', $(item).height())
                if ($(item).height() > lineHeight * 3) {
                  $(document.querySelectorAll('.module3Box .formostCited .detailedDesc')[index]).css('height', (lineHeight * 3) + 'px')
                  $(document.querySelectorAll('.module3Box .formostCited .detailedDesc')[index]).find('.ellipsisIe').css('display', 'block')
                }
              })
              var lineHeight1 = parseFloat($('.module3Box .foreditorRecommend .detailedDesc').css('line-height'))
              console.log('lineHeight1', lineHeight1)
              var box1 = document.querySelectorAll('.module3Box .foreditorRecommend .detailedDesc')
              box1.forEach(function (item, index) {
                console.log('height', $(item).height())
                if ($(item).height() > lineHeight1 * 3) {
                  $(document.querySelectorAll('.module3Box .foreditorRecommend .detailedDesc')[index]).css('height', (lineHeight1 * 3) + 'px')
                  $(document.querySelectorAll('.module3Box .foreditorRecommend .detailedDesc')[index]).find('.ellipsisIe').css('display', 'block')
                }
              })
            }
          };
        });
      },
      searchArticleType: function searchArticleType(articleTypeStr) {
        let url = '/search/search?articleTypeFilter=' + articleTypeStr + '&searchType=commonSearch';
        window.open(url, '_blank');
      },
      searchTheme: function searchTheme(themeStr) {
        let url = '/search/search?filterThemeFilter=' + themeStr + '&searchType=commonSearch';
        window.open(url, '_blank');
      },

      // 图片放大弹窗
      imgZoomModal: function imgZoomModal(url) {
        $('#module2ImgModal').modal({
          backdrop: "static",
          show: true
        });
        this.pictureZoomUrl = url;
      },
      // 解决刷新时页面有一瞬间样式的崩塌
      collapse: function () {
        setTimeout(function () {
          document.getElementById('body').style.visibility = 'visible';
        }, 1);
      },
      // readMore弹窗
      readMoreModal: function () {
        var coverPathHigh = this.journal.coverPath;
        var coverPrefix = "/img/issue/"; // 获取当前卷期期刊封面图
        if (coverPathHigh != undefined && coverPathHigh != null && coverPathHigh != "") {
          $("#journalHighQualityCoverPath").val(coverPrefix + coverPathHigh);
          $("#downloadHighQualityCoverButton").css("display", "block");
          $(".downloadHD").css("display", "block");
        } else {
          $("#downloadHighQualityCoverButton").css("display", "none");
          $(".downloadHD").css("display", "none");
        }
        $('#readMoreModal').modal({
          backdrop: "static",
          show: true
        })
      },
      //about journal弹窗
      aboutJournalModal: function () {
        let self = this;
        $.ajax({
          type: "POST",
          url: "/sciPublisher/selectDescription",
          data: {
            "baseId": self.id,
          },
          dataType: 'json',
          async: false,
          success: function (data) {
            $("#introENId").val(data["enPj"]["id"]);
            $("#journalId").val(data["enPj"]["baseId"]);
            $("#introEN").val(data["enPj"]["intro"]);
            $("#introZhId").val(data["zhPj"]["id"]);
            $("#introZh").val(data["zhPj"]["intro"]);
          }
        });

        $('#aboutJournalModal').modal({
          backdrop: "static",
          show: true
        })
      },
      //修改模块1
      updateDescription() {
        //获取英文描述
        var introEN = $("#introEN").val();
        //获取中文描述
        var introZh = $("#introZh").val();
        var a = '<ingenta-tag:LanguageTag key="Sci.Metrics.Description" sessionKey="lang" />';
        $.ajax({
          type: "POST",
          url: "/sciPublisher/updateIntro",
          data: $('#DescriptionEdit').serialize(),
          success: function (data) {
            window.location.reload();
          }
        });
      },

      submitModal3: function submitModal3() {
        tinyMCE.triggerSave();

        if (!$("#module3Form").valid()) {
          Swal.fire({
            icon: "warning",
            title: 'Please Check Input',
            confirmButtonColor: "#DD6B55"
          });
          return;
        }

        var module3FormData = new FormData($("#module3Form")[0]);
        $.ajax({
          type: "POST",
          url: "/sciPublisher/insertArticle",
          data: module3FormData,
          async: false,
          cache: false,
          processData: false,
          contentType: false,
          success: function success(data) {
            window.location.reload(true);
          }
        });
      },
      submitModal3Update: function submitModal3Update() {
        tinyMCE.triggerSave();
        var id = $("#pRecommendArticlesId").val();
        var journalId = 'f9fb8cb710744848a0ae9942f48daef0';
        if (!$("#module3UpdateForm").valid()) {
          Swal.fire({
            icon: "warning",
            title: 'Please Check Input',
            confirmButtonColor: "#DD6B55"
          });
          return;
        }

        var module3UpdateFormData = new FormData($("#module3UpdateForm")[0]);
        $.ajax({
          type: "POST",
          url: "/sciPublisher/updateArticle?id=" + id + "&journalId=" + journalId,
          data: module3UpdateFormData,
          async: false,
          cache: false,
          processData: false,
          contentType: false,
          success: function success(data) {
            window.location.reload(true);
          }
        });
      },
      emailAlerts: function emailAlerts() {
        // var lang = $("#language").val();
        let self = this;
        $.ajax({
          type: "POST",
          url: "/publisher/emailAlerts",
          async: true,
          data: {
            "journalBaseId": self.id,
          },
          success: function success(result) {
            if (result == "success") {
              if (self.lang == "zh_CN") {
                swal("", "订阅成功!", "success");
              } else {
                swal("", "Subscription succeeded!", "success");
              }
            } else {
              swal("", result, "warning");
            }
          }
        });
        //关注事件
        _paq.push(["eventWatch", self.id, {}]);
      },
      delModule3Modal: function delModule3Modal(item) {
        let self = this;
        swal('Confirm Delete', "", "warning", {
          buttons: {
            cancel: {
              text: 'Cancel',
              value: null,
              visible: true,
              className: "",
              closeModal: true,
            },
            confirm: {
              text: 'Confirm',
              value: 'confirm',
              closeModal: false
            },
          }
        }).then(function (value) {
          switch (value) {
            case "confirm":
              $.ajax({
                type: "POST",
                url: "/sciPublisher/delPra/" + item.recommendId,

                success: function success(result) {
                  swal({
                    type: 'success',
                    title: 'Operate Success',
                    showConfirmButton: false
                  });
                  window.location.reload(true);
                }
              });
              break;
          }
        });
      },
      timetype: function timetype(time) {
        var date = new Date(time);
        var YY = date.getFullYear() + '-';
        var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
        var DD = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
        var hh = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
        var mm = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
        var ss = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();
        var truetime = YY + MM + DD + ' ' + hh + mm + ss;
        return truetime;
      },
      // 跳转到期刊专题详情页a
      jumpUrl: function jumpUrl(item) {
        let specialId = item.id;
        let fla = "CJSC";
        // let url = "/viewPageDetail/journalSpecialTopicArticles?fla=" + fla + "&specialId=" + specialId;
        let url = "/" + fla + "/specialTopicDetail?fla=" + fla + "&specialId=" + specialId;
        window.open(url, "_blank");
      },
      newsJump: function newsJump(url, target) {
        window.open(url, target);
      },
      //购买期刊弹窗
      buyPrintModal: function () {
        $('#buyJournalModal').modal({
          backdrop: "static",
          show: true
        })
      },
      // 选择期
      chooseStage: function (item, index, e) {
        let target = e.currentTarget
        $(target).addClass('active')
      },
      //是否全选(购买纸刊弹窗)
      chooseAllPaper: function (e) {
        let target = e.target
        if ($(e.target).prop('checked')) {
          $(target).parents('.priceBox').siblings('.stage').addClass('active')
        } else {
          $(target).parents('.priceBox').siblings('.stage').removeClass('active')
        }
      },
      // 模块3弹窗弹出
      openModule3Modal(name, item) {
        $('#journalGeneralHomePc').css({ 'transform': '' }) //弹窗开启页面缩放到正常状态
        if (name === 'add') {
          this.addOrEdit = 'Add'
          $('#module3Modal').modal({
            backdrop: "static",
            show: true
          })
        } else {
          this.addOrEdit = 'Update'
          //修改前单条查询
          $("#pRecommendArticlesId").val(item.recommendId);
          $("#preview").attr('src', "/img/coop/" + item.coverPath);
          $('#module3ModalUpdate').modal({
            backdrop: "static",
            show: true
          })
        }
      },
      // 关闭弹窗
      closeModal() {
        this.scale(document.documentElement.clientWidth) ////弹窗关闭页面缩放到放大或者缩小后的状态
        $("#pRecommendArticlesId").val('');
        $("#preview").attr('src', "");
      },
      // 上传图片
      uploadImg: function (e) {
        let files = e.target.files
        let filePath = URL.createObjectURL(files[0]);
        $(e.currentTarget).siblings('.imgBox').children().attr('src', filePath)
      },

      jumpTwitter: function () {
        if ('CJSC' === 'ICM') {
          window.open('https://twitter.com/IndChemMater')
        }
      },

      jumpFacebook: function () {
        if ('CJSC' === 'ICM') {
          window.open('https://www.facebook.com/IndChemMater')
        }
      },

      jumpLinkedin: function () {
        if ('CJSC' === 'ICM') {
          window.open('https://www.linkedin.com/company/industial-chemistry-materials/')
        }
      },

      jumpEnvelope: function () {
        // window.open('mailto:xb@cemps.ac.cn;')
      },
       //下载目录检查
       loadCheckMulu: function loadCheckMulu() {
        var self = this;
        $.ajax({
          type: 'GET',
          url: '/rest/v4/issue/getMoopByCondition?journalId=' + self.id + '&volume=' + self.currentIssue[0].volumeCode + '&issue=' + self.currentIssue[0].issueCode + '&type=1&single=true',
          success: function success(result) {
            if (result) {
              self.contentList = result.data;
            }
          }
        });
      },
      downloadContent: function () {
        let url = '/cfs/files/files/upfile/' + this.contentList.filePath
        window.open(url)
      },
      downCover: function () {
        window.open('/img/issue/' + this.coverPath)
      },
    }
  });
  function module2Jump() {
    var activeTab = document.querySelectorAll('.module3-out .active');

    if (activeTab != null) {
      var name = activeTab[0].getAttribute('tabfor');

      if (name == 'yxcb') {
        window.open("/CJSC/articles-in-press?articleType=online", "_blank");
      } else if (name == 'dqq') {
        window.open("/publisher/zhongkeqikan/journal/CJSC?slug=browse", "_blank");
      } else if (name == 'ycb') {
        window.open("/CJSC/articles-in-press?articleType=accept", "_blank");
      } else if (name == 'mostRead') {
        var pjId = 'f9fb8cb710744848a0ae9942f48daef0';
        var url;
        if (pjId != "") {
          url = "/publisher/getMorePjMostRead";
        } else {
          url = "/getMoreMostRead";
        }
        url = url + "?start=0&end=19&sort=default&pjId=" + pjId + "&fla=CJSC&abbreviated=zhongkeqikan";
        window.open(url, "_blank");
      }
      //  else if (name == 'editorRecommend') {
      // }
    }
  };
  function module3Jump() {
    var activeTab = document.querySelectorAll('.module3Tabs .active');

    if (activeTab != null) {
      var name = activeTab[0].getAttribute('tabfor');

      if (name == 'mostRead') {
        var pjId = 'f9fb8cb710744848a0ae9942f48daef0';
        var url;

        if (pjId != "") {
          url = "/publisher/getMorePjMostRead";
        } else {
          url = "/getMoreMostRead";
        }

        url = url + "?start=0&end=19&sort=default&pjId=" + pjId + "&fla=CJSC&abbreviated=zhongkeqikan";
        window.open(url, "_blank");
      } else if (name == 'mostCited') {
        var pjId = 'f9fb8cb710744848a0ae9942f48daef0';
        var url;

        if (pjId != "") {
          url = "/publisher/getMorePjMostCited";
        } else {
          url = "/getMoreMostCited";
        }

        url = url + "?start=0&end=19&sort=default&pjId=" + pjId + "&fla=CJSC&abbreviated=zhongkeqikan";
        window.open(url, "_blank");
      }
    }
  };
  function mostYyMore() {
    var pjId = 'f9fb8cb710744848a0ae9942f48daef0';
    var url;

    if (pjId != "") {
      url = "/publisher/getMorePjMostCited";
    } else {
      url = "/getMoreMostCited";
    }

    url = url + "?start=0&end=19&sort=default&pjId=" + pjId + "&fla=CJSC&abbreviated=zhongkeqikan";
    window.open(url, "_blank");
  };
  function module4Jump() {
    var activeTab = document.querySelectorAll('.module5Tabs .active');

    if (activeTab != null) {
      var name = activeTab[0].getAttribute('tabfor');

      if (name == 'specialTopics') {
        window.open("/publisher/zhongkeqikan/journal/CJSC?slug=specialTopics", "_blank");
        // window.open("/viewPageDetail/journalSpecialTopicList?fla=CJSC", "_blank");
      } else if (name == 'collections') {
        window.open("/publisher/zhongkeqikan/journal/CJSC?slug=collections", "_blank");
      }
    }
  }
  function moreArticalMost() {
    window.open("/publisher/zhongkeqikan/journal/CJSC?slug=collections", "_blank");
  }
  function moreNewList() {
    window.open("/publisher/zhongkeqikan/journal/CJSC?slug=news", "_blank");
  }
  var lang = 'en_US';
  function openPaperJournalDialog(productId, type) {
    window.location.href = '/shop/journal/CJSC';
    // var title = 'Sign in or register';
    // var content = 'Please sign in or register to use this feature';
    // var ok = 'OK';
    // var stockout = 'Stockout';
    // $.ajax({
    //   type: "POST",
    //   url: "/pubPaperJournal/getPaperJournalMap?baseId=" + productId,
    //   async: false,
    //   dataType: "json",
    //   success: function (data) {
    //     if (data.loginStatus == false) {
    //       swal({
    //         title: title,
    //         text: content,
    //         type: "info",
    //         confirmButtonText: ok
    //       });
    //       return;
    //     }
    //     $("input[name='productId']").val(productId);
    //     $("input[name='type']").val(type);
    //     var html = '';
    //     var i = 0;
    //     for (var key in data.paperJournalMap) {
    //       html += '<div class="panel panel-default">';
    //       html += '	<div class="panel-heading">';
    //       html += '		<h3 class="panel-title">';
    //       var keys = key.split("_");
    //       var volume = keys[0], year = keys[1];
    //       if (lang == 'zh_CN') {
    //         html += '			<div style="cursor:  pointer;" data-toggle="collapse" data-parent="#accordion" href="#collapse_' + key + '">第' + volume + '卷(' + year + ')</div>';
    //       } else {
    //         html += '			<div style="cursor:  pointer;" data-toggle="collapse" data-parent="#accordion" href="#collapse_' + key + '">Volume ' + volume + '(' + year + ')</div>';
    //       }
    //       html += '		</h3>';
    //       html += '	</div>';
    //       if (i == 0) {
    //         html += '	<div id="collapse_' + key + '" class="panel-collapse collapse in">';
    //       } else {
    //         html += '	<div id="collapse_' + key + '" class="panel-collapse collapse">';
    //       }
    //       html += '		<div class="panel-body">';
    //       for (var j = 0; j < data.paperJournalMap[key].length; j++) {
    //         var disabledflag = 'disabled="disabled"';
    //         var color = 'color: #777;';
    //         if (data.paperJournalMap[key][j].inventory > 0 && data.paperJournalMap[key][j].status == 1) {
    //           disabledflag = '';
    //           color = '';
    //         }
    //         var checked = '';
    //         if (data.defaultId == data.paperJournalMap[key][j].id) {
    //           checked = 'checked="checked"';
    //         }
    //         var issueCodeHtml = '';
    //         if (lang == 'zh_CN') {
    //           issueCodeHtml = 'Ordinal' + data.paperJournalMap[key][j].issueCode + 'Issue';
    //         } else {
    //           issueCodeHtml = 'Issue ' + data.paperJournalMap[key][j].issueCode;
    //         }
    //         html += '					<label class="fp-select" style="width: 100px;;' + color + '">' + issueCodeHtml + '<input type="checkbox" name="issueCode" pricedata="' + data.paperJournalMap[key][j].price + '" pricedata2="' + data.paperJournalMap[key][j].discountPrice + '" onclick="selectIssue(this,\'' + key + '\')" ' + disabledflag + ' ' + checked + ' value="' + data.paperJournalMap[key][j].issueCode + '"></label>';
    //       }
    //       html += '			<p class="text-right">';
    //       var defaultSinglePrice = "0.00";
    //       html += '				Selected Unit Price：￥<span id="singlePrice_' + key + '">' + defaultSinglePrice + '</span>';
    //       html += '				Select Discount Price：￥<span id="discountPrice_' + key + '">' + defaultSinglePrice + '</span>';
    //       html += '				<input type="checkbox" name="years" onclick="selectAllPaper(this,\'' + key + '\')" value="' + key + '">Total Original Price：￥<span id="yearTotalPrice_' + key + '">0.00</span>';
    //       html += '			</p>';
    //       html += '		</div>';
    //       html += '	</div>';
    //       html += '</div>';
    //       i++;
    //     }
    //     if (i == 0) {
    //       swal({
    //         title: stockout,
    //         type: "info",
    //         confirmButtonText: ok
    //       });
    //       return;
    //     } else {
    //       $("#accordion").html(html);
    //       $('#paperJournalContentDialog').modal('show');
    //     }
    //   }
    // });
  }
  function openPaperJournalDialog2() {
    window.open("https://shop139094451.m.youzan.com/v2/feature/LZNmK0DkuI?kdt_id=138902283&scan=3&from=kdt&shopAutoEnter=1&sf=qq_sm&is_share=1&share_cmpt=native_wechat&from_params=sl~3SEpnY!online_kdt_id~91714001!wx_share_pf~1&from_uuid=624967609&guide_second_sharer_id=10358334452", "_blank");
  }
  function sortKey(obj) {
    var arr = [];
    for (var i in obj) {
      arr.push([i]);
    };
    arr.reverse();
    return arr;
  }
  function selectIssue(obj, year) {
    if ($(obj).parent().hasClass('on')) {
      $(obj).parent().removeClass('on');
    } else {
      $(obj).parent().addClass('on');
    }
    $("#singlePrice_" + year).html(parseFloat($(obj).attr("pricedata")).toFixed(2));
    $("#discountPrice_" + year).html(parseFloat($(obj).attr("pricedata2")).toFixed(2));
    yearPrice(year);
  }
  function yearPrice(year) {
    var total = accAdd(0, 0);
    $("#collapse_" + year).find('input[name="issueCode"]').each(function () {
      if (this.checked) {
        total = accAdd(total, $(this).attr("pricedata2"));
      }
    });
    $("#yearTotalPrice_" + year).html(total);
  }
  function selectAllPaper(obj, year) {
    debugger
    var total = accAdd(0, 0);
    if (obj.checked) {
      $("#collapse_" + year).find('input[name="issueCode"]').each(function () {
        if (!$(this).prop("disabled")) {
          total = accAdd(total, $(this).attr("pricedata"));
          $(this).prop("checked", true);
          $(this).parent().addClass('on');
        }
      });
    } else {
      $("#collapse_" + year).find('input[name="issueCode"]').prop("checked", false);
      $("#collapse_" + year).find(".fp-select").removeClass('on');
    }
    $("#yearTotalPrice_" + year).html(total);
  }
  function paperSubmitForm() {
    var ok = 'OK';
    var selectProduct = 'Please choose the product';
    var yearsMap = {}, productNum = 0;
    $('input[name="years"]').each(function () {//多个总计按钮
      var yearsObj = $(this);
      var issueArray = new Array();
      if (this.checked) {//如果是选中的
        $('#collapse_' + yearsObj.val()).find("input[name='issueCode']").each(function () {
          if (!$(this).prop("disabled")) {
            issueArray.push($(this).val());
            productNum++;
          }
        });
      } else {
        $('#collapse_' + yearsObj.val()).find("input[name='issueCode']").each(function () {
          if (this.checked && !$(this).prop("disabled")) {
            issueArray.push($(this).val());
            productNum++;
          }
        });
      }
      yearsMap[yearsObj.val()] = issueArray;
    });
    if (productNum == 0) {
      swal({
        title: selectProduct,
        type: "info",
        confirmButtonText: ok
      });
      return;
    }
    var strYearsMap = JSON.stringify(yearsMap);
    $("#strYearsMap").val(strYearsMap);
    $("#ref1").val(window.location.href);
    $("#paperFastBuyForm").submit();
  }
</script>
<script>

  $(function () {
    $('.pencilBox .fa-pencil').click(function () {
      $("#impactFactorSubmitBtn").removeAttr("disabled");
      $('#factorModal').modal('show')
    });

    // 右侧影响因子弹窗提交
    $('.impactFactorClass .submitBtn').click(function () {
      $("#impactFactorSubmitBtn").attr("disabled", "disabled");
      var form = new FormData(document.getElementById("impactFactorForm"));
      var url = document.getElementById("impactFactorUrl").value;
      $.ajax({
        url: url,
        type: "post",
        data: form,
        processData: false,
        contentType: false,
        success: function success(data) {
          window.location.reload();
        },
        error: function error(e) { }
      });
    });

    // 模块5tab切换
    var module5tabs = document.querySelectorAll('.module5Tab');
    module5tabs.forEach(function (item, index) {
      module5tabs[index].onclick = function () {
        module5tabs.forEach(function (prop, i) {
          module5tabs[i].classList.remove('active');
          module5tabs[i].classList.remove('borderC2');
        });
        module5tabs[index].classList.add('active');
        module5tabs[index].classList.add('borderC2');
      }
    })


    //模块2切换
    var module2tabs = document.querySelectorAll('.module2Tab');
    if (module2tabs != null && module2tabs.length > 0) {
      //第一个激活
      module2tabs[0].classList.add('active', 'borderC2');
    }
    var module2ContentBoxs = document.querySelectorAll('.module2ContentBox');
    if (module2ContentBoxs != null && module2ContentBoxs.length > 0) {
      //第一个显示
      module2ContentBoxs[0].style.display = '';
    }
    // 模板2tab切换
    module2tabs.forEach(function (item, index) {
      module2tabs[index].onclick = function () {
        if (module2tabs[index].getAttribute('tabfor') === 'virtualTopic') {
          window.open('collections')
        } else {
          module2tabs.forEach(function (prop, i) {
            module2tabs[i].classList.remove('active');
            module2tabs[i].classList.remove('borderC2');
            var name = 'for' + module2tabs[i].getAttribute('tabfor');
            if (document.getElementsByClassName(name).length > 0) {
              document.getElementsByClassName(name)[0].style.display = "none";
            }
          });
          module2tabs[index].classList.add('active');
          module2tabs[index].classList.add('borderC2');
          var name = 'for' + module2tabs[index].getAttribute('tabfor');
          document.getElementsByClassName(name)[0].style.display = '';
          // 兼容ie省略号
          if (window.navigator.userAgent.indexOf("Trident") > -1) { //ie浏览器
            var lineHeight = parseFloat($('.module2Box .forlatestOnline .depict').css('line-height'))
            console.log('lineHeight', lineHeight)
            var box = document.querySelectorAll('.module2Box .forlatestOnline .depict')
            box.forEach(function (item, index) {
              console.log('height', $(item).height())
              if ($(item).height() > lineHeight * 3) {
                $(document.querySelectorAll('.module2Box .forlatestOnline .depict')[index]).css('height', (lineHeight * 3) + 'px')
                $(document.querySelectorAll('.module2Box .forlatestOnline .depict')[index]).find('.ellipsisIe').css('display', 'block')
              }
            })
            var lineHeight1 = parseFloat($('.module3Box .forlatestAccepted .detailedDesc').css('line-height'))
            console.log('lineHeight1', lineHeight1)
            var box1 = document.querySelectorAll('.module3Box .forlatestAccepted .detailedDesc')
            box1.forEach(function (item, index) {
              console.log('height', $(item).height())
              if ($(item).height() > lineHeight1 * 3) {


                $(document.querySelectorAll('.module3Box .forlatestAccepted .detailedDesc')[index]).css('height', (lineHeight1 * 3) + 'px')
                $(document.querySelectorAll('.module3Box .forlatestAccepted .detailedDesc')[index]).find('.ellipsisIe').css('display', 'block')
              }
            })
          }
        }
      };
    });

    //most read 与 most cited
    var module3tabs = document.querySelectorAll('.module3Tab');

    if (module3tabs != null && module3tabs.length > 0) {
      //第一个激活
      module3tabs[0].classList.add('active', 'borderC2');
    }

    var module3ContentBoxs = document.querySelectorAll('.module3ContentBox');

    if (module3ContentBoxs != null && module3ContentBoxs.length > 0) {
      //第一个显示
      module3ContentBoxs[0].style.display = '';
    } // 模板3tab切换


    //special topic 与 collection

    var module5tabs = document.querySelectorAll('.module5Tab');

    if (module5tabs != null && module5tabs.length > 0) {
      //第一个激活
      module5tabs[0].classList.add('active', 'borderC2');
    }

    var module5ContentBoxs = document.querySelectorAll('.module5ContentBox');

    if (module5ContentBoxs != null && module5ContentBoxs.length > 0) {
      //第一个显示
      module5ContentBoxs[0].style.display = '';
    } // 模板4tab切换


    module5tabs.forEach(function (item, index) {
      module5tabs[index].onclick = function () {
        module5tabs.forEach(function (prop, i) {
          module5tabs[i].classList.remove('active');
          module5tabs[i].classList.remove('borderC2');
          var name = 'for' + module5tabs[i].getAttribute('tabfor');
          document.getElementsByClassName(name)[0].style.display = "none";
        });
        module5tabs[index].classList.add('active');
        module5tabs[index].classList.add('borderC2');
        var name = 'for' + module5tabs[index].getAttribute('tabfor');
        document.getElementsByClassName(name)[0].style.display = '';
        var swiperModule5 = new Swiper('.swiperModule5', {
          slidesPerView: 'auto',
          spaceBetween: 25,
          slidesPerGroup: 1,
          navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
          },
        })
      };
    });
    var faAngleLeft = document.querySelectorAll('.fa-angle-left');
    var faAngleRights = document.querySelectorAll('.fa-angle-right'); // 模板tab切换(下一个or上一个)

    faAngleRights.forEach(function (item, index) {
      //下一个
      faAngleRights[index].onclick = function (e) {
        var modules = $(this).parent().parent().children("div:first-child").children();
        console.log('parent', $(this).parent().parent())
        for (var i = 0; i < modules.length; i++) {
          if (modules[i].classList.contains('active')) {
            var index = i;
          }

          if (index < modules.length - 1) {
            modules[i].classList.remove('active');
            modules[i].classList.remove('borderC3');
            var name = 'for' + modules[i].getAttribute('tabfor');
            document.getElementsByClassName(name)[0].style.display = "none";
          }
        }

        index++;

        if (index < modules.length) {
          modules[index].classList.add('active');
          modules[index].classList.add('borderC3');

          var _name = 'for' + modules[index].getAttribute('tabfor');

          document.getElementsByClassName(_name)[0].style.display = '';
        }

        $(this).siblings().css('color', 'black');

        if (index === modules.length - 1) {
          e.target.style.color = 'gray';
        }
      };
    });
    faAngleLeft.forEach(function (item, index) {
      //上一个
      faAngleLeft[index].onclick = function (e) {
        var index;
        var modules = $(this).parent().parent().children("div:first-child").children();

        for (var i = 0; i < modules.length; i++) {
          if (modules[i].classList.contains('active')) {
            index = i;
          }

          if (index > 0) {
            modules[i].classList.remove('active');
            modules[i].classList.remove('borderC3');
            var name = 'for' + modules[i].getAttribute('tabfor');
            document.getElementsByClassName(name)[0].style.display = "none";
          }
        }

        index--;

        if (index >= 0) {
          modules[index].classList.add('active');
          modules[index].classList.add('borderC3');

          var _name2 = 'for' + modules[index].getAttribute('tabfor');

          document.getElementsByClassName(_name2)[0].style.display = '';
        }

        $(this).siblings().css('color', 'black');

        if (index === 0) {
          e.target.style.color = 'gray';
        }
      };
    });

  })


</script>

</html>